Html 想把一个营销部门放在中心,并在其周围放一个盒子-使用Bootstrap
我使用的是Bootstrap3,我试图将营销部门放在中心,并在其周围放一个盒子。我想保持营销部门的小型化和中心化 .box只是一个带有边框的简单框 这是我的密码:Html 想把一个营销部门放在中心,并在其周围放一个盒子-使用Bootstrap,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我使用的是Bootstrap3,我试图将营销部门放在中心,并在其周围放一个盒子。我想保持营销部门的小型化和中心化 .box只是一个带有边框的简单框 这是我的密码: <div class="container"> <div class="col-md-offset-2"> <div class="row box"> <div class="marketing"> <
<div class="container">
<div class="col-md-offset-2">
<div class="row box">
<div class="marketing">
<div class="col-lg-3">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet</p>
</div>
<div class="col-lg-3">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet, quidam debitis honestatis ut eam. Dicant perpetua pro an, id mei iusto ridens. Cibo salutatus has ex..</p>
</div>
<div class="col-lg-3">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet, quidam debitis honestatis ut eam.</p>
</div>
</div>
</div>
</div>
</div>
它把盒子向右边延伸得太远了,我不明白为什么两边都没有
链接看起来您的列不太完整。相反,您可以在现有列中嵌套另一行12列。尝试:
<div class="container">
<div class="row">
<div class="col-lg-offset-2 col-lg-8">
<div class="row box">
<div class="marketing">
<div class="col-lg-4">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet</p>
</div>
<div class="col-lg-4">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet, quidam debitis honestatis ut eam. Dicant perpetua pro an, id mei iusto ridens. Cibo salutatus has ex..</p>
</div>
<div class="col-lg-4">
<img class="img-responsive" src="http://placehold.it/100x100" alt="placeholder" class="img-rounded">
<h2>Lorem Ipsum</h2>
<p class="marketing-desc">Lorem ipsum dolor sit amet, quidam debitis honestatis ut eam.</p>
</div>
</div>
</div>
</div>
</div>
</div>
编辑:列只设置为大,所以确保窗口从远到右足够大。你的意思是左:p。.这就是我看到的:如果你用css创建一个小提琴链接。.人们很可能会快速响应,你会得到答案。