2015-12-02 107 views
0

我想創建一個使用angularjs和引導的窗體的模態。 首先我創建了表單,現在我試圖將它放到模態模板中,但是窗體控件滑出了模態,就像您在鏈接中看到的那樣。窗體控件屬性不調整爲引導模態模板

<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

嘗試刪除。從輸入 –

+1

的形式控制類,但然後我失去了輸入框(「佔位符」)提供的樣式... – Yaros

+2

刪除'

'將解決問題 – Shehary

回答

0

好像你的問題是與div類,特別是container。我想你應該嘗試刪除這一行:

<div class="container"> 

(和ofcourse結束標記:</div>,看看它是否修復您的問題
讓我知道這是否有助於