引導按鈕固定寬度

我發現這個：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>

來源

2016-03-31 Bill Hernandez

請澄清您的具體問題或添加其他詳細信息，以確切地突出顯示您的需求。正如目前所寫，很難確切地說出你在問什麼。 –

[**鏈接不是按鈕**]（http://www.karlgroves.com/2013/05/14/links-are-not-buttons-neither-are-divs-and-spans/） –

爲什麼他們必須是錨鏈接？ - https://css-tricks.com/use-button-element/ –

你可以設置你的錨display:inline-block，它應該工作。

來源

2016-03-31 16:49:29 Bolo

問題來自舊版本的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; 
}

來源

2016-03-31 17:10:03 smrubin

引導按鈕固定寬度

回答

相關問題