встроенная форма bootstrap 3

Question

Как я могу встроить эти два поля. предположим, что textarea имеет 8col, а поле ввода - 4col.
здесь скрипка: Demo

я хочу, чтобы добавить ярлык в правом нет слева.

<div class="form-inline"> 
      <div class="form-group"> 
       <label class="" for="address">آدرس مکاتباتی:</label> 
       <textarea class="" cols="63" rows="3"></textarea> 
      </div> 
       <label> 
        پلاک: 
       </label> 
       <input type="text" placeholder="پلاک" ng-model="Address.IdentifierLeft" name="pelak" valid-number required /> 

    </div> 

Большое спасибо

Answer 1

Во-первых, за право на левой опоры, нет необходимости менять направление вашего кода, просто не включают Bootstrap RTL на свою страницу. Ваша форма должна быть следующая:

<div class="form-inline"> 
     <div class="form-group"> 
      <div class="row"> 
       <div class="col-md-8"> 
        <label class="" for="address">آدرس مکاتباتی:</label> 
        <textarea class="" cols="63" rows="3"></textarea> 
       </div> 
      </div> 
     </div> 

      <div class="form-group"> 
      <div class="row"> 
       <div class="col-md-4"> 
        <label>پلاک: </label> 
        <input type="text" placeholder="پلاک" ng-model="Address.IdentifierLeft" name="pelak" valid-number required /> 
       </div> 
      </div> 
     </div> 



</div> 

Answer 2

Просто положить ваши метки после текстового поля и поля ввода.

FIDDLE

HTML:

<div class="form-inline"> 
    <div class="form-group"> 
     <textarea class="" cols="63" rows="3"></textarea> 
     <label class="" for="address">:آدرس مکاتباتی</label> 
    </div> 
     <input type="text" placeholder="پلاک" ng-model="Address.IdentifierLeft" name="pelak" valid-number required /> 
    <label> 
      پلاک: 
     </label> 
</div>