8

backbone.js と jQuery.tmpl() によって生成されたボタンがあり、ボタンの幅はバリアントです。span6 divに入れたいです。コードを以下に示します。

<div class="row">
  <div class="span6">
    <button class="btn primary large">
      BLABLABLA
    </button>
  </div>
  <div class="span10">
    ...
  </div>
</div>

ボタンをdivの中央に配置する方法がわかりません。

4

5 に答える 5

23

私はCSSの第一人者ではありませんが、これは私にとってはうまくいきます（span6内のボタンを中央に配置します）：

<div class="row">
  <div class="span6" style="text-align:center">
    <button class="btn primary large">
      BLABLABLA
    </button>
  </div>
</div>

センタリングの詳細については、こちらを参照してください。

于 2011-11-09T12:10:10.043 に答える
19

少し遅れていますが、ブートストラップのページネーション中心のクラスを使用できます

<div class="span6 pagination-centered">
  <button class="btn primary large">
    BLABLABLA
  </button>
</div>
于 2012-09-07T21:49:12.110 に答える
8

<a>タグはどうですか？

タグ ボタンがある場合、ブートストラップ ソースに属性があるため<a>、他のアプローチは機能しません。a.btnfloat: left

<div style="text-align: center;">
    <a href="#" class="btn">Button text</a>
</div>

これは 2 つの方法で元に戻すことができます。

解決策 1

カスタムの less ファイルを追加して、ブートストラップをインポートします。

ブートストラップ-custom.less

@import "bootstrap.less";
a.btn {
    float: none !important;
}

次に、カスタムの less ファイルをコンパイルするか、別の CSS ファイルで指定します。

スタイル.css

a.btn {
    float: none !important;
}

解決策 2

次を使用してインラインで実行するだけですstyle="float: none;"。

<div style="text-align: center;">
    <a href="#" class="btn" style="float: none;">Button text</a>
</div>
于 2013-01-29T13:38:16.993 に答える
0

私はこれと同じ問題を抱えていました。

<a class="btn btn-primary" href="#" role="button">Text Here</a>

なりました

<div class="text-center">
<a class="btn btn-primary" href="#" role="button">Text Here</a>
</div>
于 2015-12-30T19:24:55.980 に答える