0

したがって、4 つのボタンを持つボタン グループがあり、3 つ目のボタンにはドロップダウン メニューがありますが、中央に配置できないようです。ボタンは中央に配置されていますが、ドロップダウン メニューは左に配置されています。私はあらゆる種類のcssを試しましたが、何も機能しませんでした。多分誰かが助けることができます。:)

HTML:

<div class="btn-group">
  <a href="#" class="btn btn-info btn-large active">Home</a>
  <a href="#" class="btn btn-info btn-large">Link</a>
  <a href="#" class="btn btn-info btn-large dropdown-toggle" data-toggle="dropdown">   <span class="caret"></span></a>
 <ul class="dropdown-menu">
   <li><a href="#">Linkk1</a></li>
   <li><a href="#">Linkk2</a></li>
   <li><a href="#">Linkk3</a></li>
</ul>
 <a href="#" class="btn btn-info btn-large">Link</a>
</div>

ボタングループの中心を揃える方法は次のとおりです。

.btn-group {
 margin: 0 auto; 
 text-align: center;
 font-size:0 !important;
}
.btn-group a {
 display:inline-block;
}

ドロップダウン メニューに同じ方法を使用してみましたが、うまくいきませんでした。助けてください。

4

1 に答える 1

3

ボタン グループを中央の btn-toolbar コンテナーにラップしてみてください。

<div class="btn-toolbar">
  <div class="btn-group">
    ...
  </div>
</div>

.btn-toolbar {
  text-align:center;
}

作業例: http://jsfiddle.net/r26Zz/

于 2012-10-29T11:18:17.587 に答える