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