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

我有一个很烦人的问题

我发现的唯一一件事是，当我在我的div上擦除class=col-lg-7时，按钮就起作用了

它的工作原理是：按钮具有悬停效果，光标会发生变化

它不工作：没有悬停效果，没有光标变化，我感觉光标在背景中

<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> 

这里编辑的是JSFIDLE。第一次在这个网站上。如果我能改进一些东西来帮助你，请告诉我

---

编辑似乎我不能发布图片，因为我没有足够的声誉。。嗯，那张照片会有帮助的。似乎我的按钮只能在de col-lg-12外点击。所以这一栏好像在按钮上。。。但是为什么？？？我怎样才能撤销那个

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

---

您还可以尝试减小两个控件label和textbox中的一个或两个控件的col值。由于某种原因，它们可能会溢出行容器。

我猜这里的输入错误应该是col-lg-12你是说我的文本框周围的div不应该是col-lg-7，而应该是col-lg-12？！->col-lg-12谢谢！但它仍然不起作用。不过现在的结果更好了。你能提供JSFIDLE吗？是的，它是标签前面的结束标记。对不起，由于某种原因，JSFIDLE没有连接它们，所以它看起来好像不正确。我试过了，它仍然不能这样工作。现在我发现按钮上好像有大的col-lg-12。但是为什么呢？我怎样才能撤销它或者破解一些东西来让它工作……我认为这是因为在你提到的大col-lg-12之外是col-lg-3。这将限制里面任何东西的大小。

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