2

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>

問題のスクリーンショットを撮りました：ここに画像の説明を入力

4

1 に答える 1

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>

http://bootply.com/65949

于 2013-06-28T14:23:57.713 に答える