2016-04-07 3 views
0

Следующий скриншот является результатом Ти ниже коды: https://gyazo.com/e7ad0eb6fe40ad6362a1290d4b740a39кнопки Bootstrap

Я пытаюсь создать четыре равные кнопки ширины.

<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

Я просто скопирую ваш код, он выглядит хорошо? https://plnkr.co/edit/m7hN2pygjL5YxnzL7r5g?p=preview – Kossel

+0

На скриншоте я считаю, что у вас есть другие стили, которые конфликтуют/переопределяются с помощью Bootstrap. –

ответ

1

Вы можете создать собственный файл CSS и построить на вершине начальной загрузки CSS. Итак, создайте новый файл css, а затем btn btn-default class установите ширину.

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

Лучше было бы объявить определенный класс для определенной ширины, а не захватить все кнопки 'btn-default'. Например: '.btn-mywidth', а затем добавить его в разметку'

+0

Я согласен с решением @ cale_b как более безопасным методом. – EricBellDesigns