我正在尝试使用Twitter Bootstrap在Well类中集中一些内容。
我尝试过使用行和其他各种CSS技巧。
这是我的HTML:
<div class="container well well-main">
<div id="marketing-mobile" class="title-marketing"><h3 class="text-center">Mobile</h3></div>
<div class="widget-marketing span5">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object media-icons" img src="img/book.png">
</a>
<div class="media-body">
<h3 class="media-heading">Lorem Ipsum</h3>
<p>Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
我已截取问题的屏幕截图:
答案 0 :(得分:2)
此问题已得到解决,但如果有人有兴趣查看示例,则offset3
在这种情况下可以使span5
<div class="container well well-main">
<div id="marketing-mobile" class="title-marketing"><h3 class="text-center">Mobile</h3></div>
<div class="widget-marketing span5 offset3">
<div class="media">
<a class="pull-left" href="#">
<img class="media-object media-icons" src="//placehold.it/75x75">
</a>
<div class="media-body">
<h3 class="media-heading">Lorem Ipsum</h3>
<p>Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div></div>