Лучший способ создания строк и столбцов в панели вкладок

Question

У меня возникли проблемы с созданием формы, которая помещается в панель вкладок. Кажется, что мои ярлыки и входные данные элементы пересекаются друг с другом, когда ярлыки длинны или окно сделано меньше.

Мой код можно увидеть здесь. Кажется, что создание строк и столбцов внутри панели вкладок не работает так же, как когда они создаются вне этого класса.

http://www.bootply.com/I3Iwdr4UVj

Это как если входной элемент не знает boundry метки ..

Существуют и другие способы красиво создать форму внутри моей вкладки-панели? ..

Answer 1

Прежде всего, попытайтесь дать Classname с широкой шириной, .col-см-2 является слишком узким для метки:

<div class="form-group"> 
      <label class="control-label col-sm-5" for="pwd">Password:</label> 
      <div class="col-sm-7"> 
       <input type="password" placeholder="Enter password" id="pwd" class="form-control"> 
      </div> 
</div> 

Я хотел бы предложить вам всегда пытаются получить сумму 12, когда вы используете классы Bootstrap.