2017-01-25 2 views
0

У меня есть форма bootstrap, как показано ниже.Bootstrap Как создать правую колонку в группе форм

Я хочу сделать width этой колонки равным 9, так что в левом 3 Я могу добавить кнопку в верхнем правом углу textarea.

enter image description here

Форма HTML является:

<div class="form-group"> 
       <label>Compose Message</label> 
       <textarea class="form-control" rows="5" value="" /> 

      </div> 

enter image description here

Я попытался с помощью <div class="col-md-9"> и <div class="col-md-3">, но не успех.

Любые подсказки?

+0

Попробуйте разместить колонки в COL-MD-12 и все это в "строке" класса –

ответ

0

Это должно сделать трюк:

<div class="row"> 
    <div class="col-md-9"> 
     <div class="form-group"> 
     <label>Compose Message</label> 
     <textarea class="form-control" rows="5" value="" /> 
     </div>  
    </div> 
    <div class="col-md-3"> 
     <button class="btn">Button</button> 
    </div> 
</div> 
+0

Просто удивительно :) – VAAA