0

私は最新バージョンのブートストラップを使用していますが、次のコードでボタンを中央に配置する方法がわかりません。グローバルではなく、この特定のサムネイルに対してのみ必要なので、CSSを変更することはできません。

<div class="row">   
  <ul class="thumbnails">
    <li class="span4">
      <div class="thumbnail">
        <img src="http://placehold.it/400x200" alt="">
        <h3>Need A Price?</h3>
        <p>Fill in the Quote form and get a price within   30mins,We know you dont like waiting around</p>
          <div class="btn-group">
            <button class="btn btn-primary">Get A Quote</button>
          </div>
      </div>
    </li>
 </ul>
</div>
4

2 に答える 2

0

その1つのボタンのみを中央に配置する場合は、その.btn-groupコンテナを利用して、その要素を独自のクラスでターゲットにするだけで、その領域を次のように定義してdisplay: block、ボタンを中央に配置できます。

CSS

.btn-centered {
  text-align: center;
  display: block;
}

HTMLは、コンテナー.btn-centeredで使用されるクラスに注意してください。.btn-group

<div class="row">   
  <ul class="thumbnails">
    <li class="span4">
      <div class="thumbnail">
        <img src="http://placehold.it/400x200" alt="">
        <h3>Need A Price?</h3>
        <p>Fill in the Quote form and get a price within   30mins,We know you dont like waiting around</p>
          <div class="btn-group btn-centered">
            <button class="btn btn-primary">Get A Quote</button>
          </div>
      </div>
    </li>
 </ul>
</div>

デモ: http://jsbin.com/ubiwip/2

于 2013-01-18T00:25:37.440 に答える