2017-10-06 40 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