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

如果您只想将那个按钮居中，那么您可以利用该.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 回答
0

这似乎对我有用：

<p align="center"><a href="#" class="btn btn-primary btn-block">TEST</a></p>
于 2013-08-30T23:58:53.777 回答