önyükleme düğmesi sabit genişliği

Question

Bunu buldum: http://jsfiddle.net/yNsxU/ ve düğmeden bağlantıya geçtim, ihtiyacım olan şey bu. Son birkaç gündür bir çözüm bulmaya çalışırken birkaç saat harcadım, herhangi bir yardım için minnettar olurdum. Ayrıca, örnek kodun çoğunu stackoverflow üzerinde denediniz. En son bootstrap kodunu 31 Mart 2016 itibariyle indirdim.

Bulduğum kodun bir kısmı, üst kod bloğunun gösterdiği gibi bağlantıları kullanıyor ve her şey mükemmel çalışıyor. Btn grubunu aşmaya çalıştım ama işe yaramadı.

Kullandığım kodlardan bazıları, indirdiğim bazı örneklerden geldi, hepsi çok iyi çalışıyor. Sabit genişlik çalışmasını alamıyorsam, linkler yerine düğmeleri kullanmak için kodu değiştireceğim. bağlantıdan çok

Teşekkür:

<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

Sen çapa üzerinde display:inline-block ayarlayabilirsiniz ve çalışması gerekir.

Answer 2

Sorun, eski bir Bootstrap sürümünden geliyor. Bağlandığınız jsFiddle Bootstrap 2.3.2 kullanıyor. Örneğin, Bootstrap'in daha yeni bir sürümünü kullanırsanız, örneğin, 3.3.6, sorununuz mevcut olmayacaktır.

Eğer Bootstrap 2.3.2 ile çalışıyorsanız ve hala bu sorunu çözmek istiyorsanız, bu CSS çalışır gibi görünüyor.

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