1

已将 twitter 引导按钮设置为在缩略图中居中，当 CSS 为内联（标题或正文）时，它可以完美运行，但在将样式移动到外部样式表后，按钮左对齐。

内联并移至外部工作表的所有其他样式都可以完美运行。

这是一个通过内联样式显示居中对齐按钮的 bootply：

http://bootply.com/65903

如果将样式移动到外部样式表，按钮将不会居中。

请指教！

这是 CSS 样式：

<style> #centered {text-align: center;} </style>

这是HTML：

<div class="full span8" id="centered">
  <div class="row-fluid">
    <ul class="thumbnails">
      <li class="span3" id="thumbnail-width">
        <div class="thumbnail">
          <div id="image"></div>
          <div class="caption" id="caption-color">
            <div id="header">
              <h1>
                Header
              </h1>
            </div><br>
          </div>
          <p>
            <div class="btn-group">
              <button class="btn btn">Button</button>
                <button class="btn btn dropdown-toggle" data-toggle="dropdown">
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu">
                <li>Action</li>
              </ul>
            </div><!--/View-->
          </p>
        </div>
      </li>
    </ul>
  </div><!--/row-->
</div><!--/span-->
4

1 回答 1

2

尝试这个：

<div class="full span8 text-center" id="centered">
于 2013-06-27T21:25:26.000 回答