【问题标题】:My button doesn't work when I add class="col-lg-*"当我添加 class="col-lg-*" 时,我的按钮不起作用
【发布时间】:2014-09-23 18:07:32
【问题描述】:

我有一个非常烦人的问题。

我发现的唯一一件事是,当我在我的 div 上擦除 class="col-lg-7" 时,按钮可以工作......

IT WORKS : 按钮有悬停效果,光标改变...

IT DOESN'T 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 外部单击。所以它就像这个列是在按钮上......但是为什么???我该如何撤消它...

【问题讨论】:

  • 我猜错字应该是 col-lg-12
  • 你是说我的 TextBox 周围的 div 不应该是 col-lg-7 BUT col-lg-12?!?!
  • -> col-lg-12
  • 谢谢!但它仍然不起作用。不过现在结果好多了。大声笑
  • 可以提供jsfiddle吗?

标签: c# css asp.net twitter-bootstrap


【解决方案1】:

您还可以尝试减小两个控件(标签和文本框)中的一个或两个的 col 值。由于某种原因,它们可能会溢出行容器。

【讨论】:

  • 我试过了,还是不行。现在我发现按钮上似乎有大的“col-lg-12”。但为什么?我怎样才能撤消它或破解一些东西以使其工作......
  • 我认为这是因为在您引用的大“col-lg-12”之外是 col-lg-3。这将限制其中任何东西的大小。
【解决方案2】:

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

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

【讨论】:

  • 是的,它是标签之前
    的结束标签。
  • 对不起,由于某种原因,JSFiddle 没有连接它们,所以它看起来好像不正确。
猜你喜欢
相关资源
最近更新 更多
热门标签