2

タグを削除すると、ボタンは完全に整列しますが、リンクしません。アンカーとの複数の組み合わせを試しましたが、成功しませんでした。助けてください。

中央に配置されていない:

<div class="span12" style="text-align:center">
    <a href="mailto:partnerships@medicaldoctorapps.com">
      <button class="btn btn-large btn-primary">Contact us to get started</button>
    </a>
</div>

中程度の微調整を行いますが、リンクアウトはありません:

<div class="span12" style="text-align:center">
    <button class="btn btn-large btn-primary">Contact us to get started</button>
</div>
4

7 に答える 7

7

他の CSS が競合している必要があります。CSS なしでこちらをご覧ください。どちらも問題なく表示されます ( http://jsfiddle.net/4kZ3p/ )。インスペクト要素 ( https://developers.google.com/chrome-developer-tools/docs/elements ) を使用しましたか? CSS をデバッグするときの便利なツールです。

css で A タグを探します。

-ケン

jsfiddle を送信するには、このコードを追加する必要がありましたが、上記のコードだけです。

<div class="span12" style="text-align:center">
   <a href="mailto:partnerships@medicaldoctorapps.com">
      <button class="btn btn-large btn-primary">Contact us to get started</button>
    </a>
</div>

<div class="span12" style="text-align:center">
    <button class="btn btn-large btn-primary">Contact us to get started</button>
</div>
于 2013-06-20T13:02:38.683 に答える
2

Span の代わりに、Bootstrap のデフォルトの col クラスを使用します。

   <div class="col-lg-12" style="text-align:center">                   
                        <button class="btn btn-large btn-primary">Contact us to get started</button>
                    </div>
于 2014-06-09T05:27:36.837 に答える
0 
<button type="button" class="btn btn-default center-block">Centered Button</button>
于 2018-01-23T20:37:10.487 に答える