2016-02-23 2 views
0

Drupal 7, Bootstrap themeBootstrap горизонтальная форма в Drupal

Я пытаюсь сделать горизонтальную форму. Тег имеет класс .form-horizontal и метки имеют класс .form-control. Однако форма формируется с разрывами строк. Единственным отличием является дополнительной 15px левой и правой обивка

Пожалуйста, обратите внимание на очень короткой странице в (?): http://ovaj.link/

Спасибо!

ответ

0

Ваш синтаксис бутстрапа формы html неверен, вход должен быть окружен div с размером, этикетке также нужен размер, иначе Bootstrap как сказочный из фреймворка, он не может определить размер вы хотите для них (скажем, label = col-sm-2 и div = col-sm-10, цель - достичь 12 на одной строке). Например ваше первое поле должно уважать этот HTML структуру:

<div class="form-group form-item form-item-long-url form-type-textfield"> 
    <label for="edit-long-url" class="control-label col-sm-2">Enter long URL: </label> 
    <div class="col-sm-10"> 
    <input type="text" maxlength="255" size="60" value="http://" name="long_url" id="edit-long-url" class="form-control col-sm-10 form-text" tabindex="1"> 
    </div> 
</div> 

Следуйте примеру документации: http://getbootstrap.com/css/#forms-horizontal

+0

Это работает! Большое спасибо! – Ivan

Смежные вопросы