Question

我有这个问题，真的很烦人。

我发现的唯一一件事就是当我擦除class =＆＃34; col-lg-7＆＃34;在我的div上，按钮有效......

IT WORKS：按钮具有悬停效果，光标会改变...

IT DOESN＆＃39; WORK：没有悬停效果，没有光标变化，我觉得光标在后台

<div class="col-lg-3 divDarkBlue menu2">
    <div class="col-lg-12">

        <fieldset>
           <div class="row">

               <div class="col-lg-5">
                   <asp:Label ID="lblCourriel" runat="server" Text="Courriel"></asp:Label>
               </div>

               <!-- WHEN I ERASE THE CLASS OF THE DIV col-lg-7, THE BUTTON WORKS...-->

                <div class="col-lg-7">
                    <asp:TextBox ID="txtCourriel" runat="server" Text=""></asp:TextBox>
                </div>
          </div>
       </fieldset>

       <div class="row"> 
            <asp:Label ID="lblMessage" runat="server" Text="Label"></asp:Label>
            <asp:Button ID="Button2" runat="server" CssClass="btn btn-primary pull-right" Text="Envoyer" OnClick="btnConnexion_Click" />
      </div>

   </div> 
</div>

有人知道为什么吗？或者我可以继续搜索的东西？我现在真的迷路了！

.divDarkBlue {
background-color: darkblue;
color: white;
}
.menu2 {
color: white;
 }

编辑这是jsfiddle。第一次在这个网站上。如果我能改进一些东西来帮助你，请告诉我.. http://jsfiddle.net/t5enyedv/

编辑似乎我无法发布图片，因为我没有足够的声誉......这样的图片会有所帮助。看起来我的按钮只能点击外面的col-lg-12。所以它就像这个列是按钮...但为什么???我该怎么撤消......

Answer 1

您还可以尝试降低两个控件（标签和文本框）中的一个或两个的col值。出于某种原因，它们可能会溢出行容器。

Answer 2

文本框周围有两个div结束标记。

<div class="col-lg-7">
     <asp:TextBox ID="txtMotDePasse" CssClass="form-control" runat="server" TextMode="Password"> </asp:TextBox>
</div>
</div>

添加class =“col-lg- *”时，我的按钮不起作用

2 个答案: