ブートストラップボタン固定幅

Question

私はこれを見つけました：http://jsfiddle.net/yNsxU/ボタンからアンカーに変更しました。これが私の必要です。私は過去数日間、解決策を見つけようと数時間を費やし、何か助けに感謝します。また、stackoverflowのサンプルコードの多くを試してみました。私は2016年3月31日現在の最新のブートストラップコードをすべてダウンロードしました。

コードの大部分は、トップコードブロックのようにリンクを使用しています。私はbtnグループを乗り越そうとしましたが、それはうまくいきませんでした。

私が使用しているコードのいくつかは、ダウンロードしたサンプルの中にあり、そのすべてがうまく機能しています。私は固定幅を得ることができない場合、私はリンクの代わりにボタンを使用するコードを変更する必要があります。リンクのための非常に

ありがとう：

<style> 
    .custom { 
    width: 120px !important; 
} 
</style> 

<br> 
<p>This does not work</p> 
<br> 
<div class="container"> 
    <div class="row"> 
     <div class = "btn-group"> 
      <a href="#" class="btn btn-primary custom">Save</a>  <!-- anchor fails --> 
      <a href="#" class="btn btn-success custom">Download</a> <!-- anchor fails --> 
     </div> 
    </div> 
</div> 

<br> 
<p>This works, but I need the anchors, not the button</p> 
<br> 

<div class="container"> 
    <div class="row"> 
     <div class = "btn-group"> 
      <button href="#" class="btn btn-primary custom">Save</button>  <!-- button works --> 
      <button href="#" class="btn btn-success custom">Download</button> <!-- button works --> 
     </div> 
    </div> 
</div> 

Answer 1

あなたのアンカーにdisplay:inline-blockを設定することができ、それが動作するはずです。

Answer 2

問題は古いバージョンのBootstrapから発生しています。リンクしているjsFiddleがBootstrap 2.3.2を使用しています。たとえば、新しいバージョンのBootstrap 3.3.6を使用する場合、問題は存在しません。

Bootstrap 2.3.2を使用していて、依然としてこの問題を解決したい場合、このCSSが動作するようです。

.custom { 
    width: 78px !important; 
    display: inline-block; 
    padding: 4px 0 !important; 
}