2017-10-06 73 views
0

工作在一個模式對話框,我已經定義了一個格式如繼續:引導網格系統不會在模態對話框

<div class="modal-body"> 
 
    <form class="form-horizontal"> 
 
     <div class="form-group"> 
 
      <div class="row"> 
 
       <label for="name" class="col-md-2 control-label">Name</label> 
 
       <div class="col-md-9"> 
 
        <input type="text" class="form-control" id="name"/> 
 
       </div> 
 
       <div class="col-md-1 text-left"> 
 
        <span class="invalid-icon" title="Error!"></span> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </form> 
 
</div>

在最後一欄的圖標是模態對話框之外。看截圖。任何想法?

enter image description here

如果我只定義了11列和我旁邊添加跨度第九列輸入的文本,它的工作原理。如果我定義了12列,爲什麼不行?

+0

設置暗層加以研究 – veera

+1

'.form-group'和'.row'都會給出15px的負邊距,請嘗試移除'div.row'。 – tmg

+0

@ SandeepC.Nath它的確如果它是'.form-horizo​​ntal'的孩子。 '.form-horizo​​ntal .form-group {margin} -15px; margin-right:-15px; margin-left:-15px; }' – tmg

回答

0

與標籤嘗試在DIV與COL-MD-2

<div class="col-md-2"> 
<label for="name" class="control-label">Name</label> 
</div> 

也使錯誤的div隱形代替顯示無形式水平也需要在後面納克模態

+0

它不起作用,效果與以前相同 – MrScf