Question

使用Bootstrap做一个示例webforms项目 - 我有一个小表单，要求用户选择两个项目和一个asp：Button，供用户提交他们的信息：

   <div class="col-md-5 col-sm-6 col-xs-12 form-horizontal">
        <fieldset>
            <legend>Enter Your Details</legend>
            <div class="input-group" >
                <label for="lstItem1">Item 1 : </label>
                <asp:DropDownList ID="lstItem1" runat="server" CssClass="form-control "></asp:DropDownList>
            </div>
            <div class="input-group" >
                <label for="lstItem2">Item 2 : </label>
                <asp:DropDownList ID="lstItem2" runat="server" CssClass="form-control"></asp:DropDownList>
            </div>
            <asp:Button ID="btnSubmit" runat="server" Text="Let's Go!" CssClass="btn btn-success shadow-text" OnClick="btnSubmit_Click" />        
        </fieldset>
    </div>

这段代码包含在bootstrap容器类中。

一切正常，除非我在移动设备上测试它（三星Galaxy Note II Android 4.4＆amp; Chrome 44，以及LG G3 w / Chrome 44），该按钮完全没有响应。这不是我的事件没有发射，按钮没有任何反应！令人费解。

以下是我添加的与此代码块相关的额外CSS：

.shadow-text{ text-shadow: 1px 1px 2px black;}
.btn-success{display: block; z-index:999;}
.input-group { margin-bottom: 15px;}

legend
{
	position: relative;
	
	font-size: 1.5em;
	font-weight: bold;
    padding: 6px 20px 6px 70px;
    top: -30px;
	margin: 0px 10px 10px -30px;
	color: #EEE;
	background-color: #d09d90;
	text-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
}
legend:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 5px 10px;
	border-style: solid;
	border-color: #666 #666 transparent transparent;
}

.form-horizontal{
    margin-top: 20px;
    border: 2px solid gray;
    padding: 10px;
    
}

.jumbotron, .form-horizontal{ background-color: #feeeea; margin-bottom:20px; }

到目前为止，我已经尝试过：

将按钮移到上面显示的代码块之外，并将其移到字段集之外。
将.btn类的z-index设置为999。
取出任何“特效”css，包括阴影文字和图例（这是图例的功能区效果）。
删除了与引导程序相关的输入组和表单控制类

^^我已经尝试了这么多，但我已经因为排除故障而煎了6个小时，我甚至不记得我尝试过的所有内容。

做了工作的一件事，这不是一个选项，是（意外）我关闭了周围的容器并在结束标记之后添加了按钮。这不是一个选项，因为它会将流量与其余列一起搞定。

有没有人有这方面的经验，有谁知道它与Bootstrap本身有什么关系？

最后的注释 - btnSubmit_Click函数包含一行代码，它是一个传递所选值的Response.Redirect。

Android设备上的输入按钮无响应

0 个答案: