0

Я пытаюсь создать модальную форму с использованием углов и бутстрапов. Сначала я создал форму, и теперь я пытаюсь поместить ее в модальный шаблон, но форма-контроль скользит из модального, как вы можете видеть в прикрепленной ссылке.атрибут управления формой не настраивается на шаблон модального шаблона

<div class="modal-header"> 
    <h3 class="modal-title">Add New Review</h3> 
</div> 

<div class="modal-body"> 
    <form role="form"> 
     <fieldset> 
      <legend>Basic Information</legend> 
      <div class="container"> 
       <div class="form-group"> 
        <label for="address">Address</label> 
        <input type="text" id="address" name="address" class="form-control col-sm-1" 
          ng-model="editableReview.address" 
          required> 
       </div>`enter code here` 
     </fieldset> 
    </form> 
</div> 

<div class="modal-footer"> 
    <div class="col-sm-offset-10"> 
     <input type="button" class="btn btn-default" value="Cancel" ng-click="cancelForm()"/> 
     <input type="submit" class="btn btn-primary" value="Submit" ng-click="submitForm()"/> 
    </div> 
</div> 

это то, что я получаю:

enter image description here

+0

попытка удалить.. form-control class от ввода –

+1

, но затем я теряю стиль окна ввода («placeholder»), который предоставляется ... – Yaros

+2

удалить '

' исправит проблему – Shehary

ответ

0

Похоже, ваша проблема с div класса, а именно container. Я думаю, вы должны попробовать, чтобы удалить эту строку:

<div class="container"> 

(и, конечно, его закрывающий тег:. </div>, и посмотреть, если это исправляет проблему
Позвольте мне знать, если это помогает