Bootstrap создать текстовое поле и две кнопки инлайн

Question

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

<div class="form-inline"> 
           <div class="form-group"> 
            <textarea class="form-control input-sm" rows="3" style="resize: none" ng-model="formData_EventDetails.serviceNowStr" id="serviceNowStr" readonly placeholder=""></textarea> 
            <button class="uk-button primary " ng-click="viewServiceNowPopup(formData_EventDetails)" style="display: inline" > &nbsp;View &nbsp;</button> 
            <button class="uk-button primary " ng-click="openServiceNowPopup(formData_EventDetails)" style="display: inline; margin-top: 5px" > Search </button> 

          </div> 
         </div> 

Answer 1

использование начальной загрузки формы по горизонтали, чтобы сделать это

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> 
 
<div class="form-horizontal"> 
 
    <div class="form-group"> 
 
    <div class="col-xs-10"> 
 
     <textarea class="form-control input-sm" rows="3" style="resize: none" ng-model="formData_EventDetails.serviceNowStr" id="serviceNowStr" readonly placeholder=""></textarea> 
 
    </div> 
 
    <div class="col-xs-2"> 
 

 
     <button class="btn uk-button btn-block btn-default " ng-click="viewServiceNowPopup(formData_EventDetails)"> &nbsp;View &nbsp;</button> 
 
     <button class="btn uk-button btn-block btn-primary " ng-click="openServiceNowPopup(formData_EventDetails)"> Search </button> 
 

 
    </div> 
 

 
    </div> 
 
</div>

см. here