2016-04-07 12 views
0

Der folgende Screenshot das Ergebnis thew Code unten ist: https://gyazo.com/e7ad0eb6fe40ad6362a1290d4b740a39Bootstrap-Taste Breite

Ich versuche, vier gleiche Breite Schaltflächen zu erstellen.

<div class="btn-group btn-group-justified" role="group"> 
         <div class="btn-group" role="group"> 
          <button id="slct" type="button" class="btn btn-default">Bridge</button> 
         </div> 
         <div class="btn-group" role="group"> 
          <button id="slct" type="button" class="btn btn-default">Container</button> 
         </div> 
         <div class="btn-group" role="group"> 
          <button id="slct" type="button" class="btn btn-default">Cylinders</button> 
         </div> 
         <div class="btn-group" role="group"> 
             <button id="slct" type="button" class="btn btn-default">Fence</button> 
            </div> 

+1

Ich kopiere einfach Ihren Code einfügen, sieht es gut aus? https://plnkr.co/edit/m7hN2pygjL5YxnzL7r5g?p=preview – Kossel

+0

In Ihrem Screenshot glaube ich, dass Sie andere Stile haben, die mit Bootstrap kollidieren/überschreiben. –

Antwort

1

Sie können eine benutzerdefinierte CSS-Datei erstellen und auf dem Bootstrap CSS bauen. So erstellen Sie eine neue CSS-Datei, und dann haben Sie Btn Btn-Standard-Klasse eine festgelegte Breite.

.btn btn-default {min-width:YourSize;} 
+1

Besser wäre es, eine bestimmte Klasse für die spezifische Breite zu deklarieren, anstatt alle 'btn-default' Tasten zu übernehmen. Beispiel: '.btn-mywidth' zum Beispiel, dann füge es zum Markup hinzu '

+0

Ich stimme der Lösung von @ cale_b als sicherere Methode zu. – EricBellDesigns

Verwandte Themen