Css 无法在表单输入中单击

我的表格有问题。我无法点击任何输入文本或某些复选框。可以通过单击Tab来选择它们，然后可以编写一些内容

我正在使用Twitter引导，但我不知道这是引导还是其他问题

这就是我的表格的样子

            <div class="well section" id="EventInfo">
                <h1>1. Event info</h1>
                    <div class="row">
                        <div class="span1"><label for="name" class="label-padding">Name</label></div>
                        <div class="span6">
                            @inputText(
                                configuratorForm("name"), 
                                '_label -> "",
                                '_error -> "Please enter valid name",
                                'class -> "span6"
                            )
                        </div>
                     </div>

                 <div class="row">
                    <div class="span1"><label for="name">Description</label></div>
                    <div class="span6">
                        @textarea(
                            configuratorForm("description"),
                            '_label -> "",
                            'cols -> 50,
                            'class -> "span6"
                        )
                    </div>
                 </div>

                 <div class="row">
                    <div class="span1"><label for="date" class="label-padding">Date</label></div>
                    <div class="span1">
                        <label for="fromDate" class="label-padding">From</label>
                    </div>
                    <div class="span2">
                        @inputText(
                            configuratorForm("fromDate"),
                            '_label -> "",
                            '_error -> "Please enter valid date",
                            'placeholder -> "From",
                            'class -> "span2"
                        )
                    </div>
                    <div class="span1">
                        <label for="toDate" class="label-padding">To</label>
                    </div>
                    <div class="span2">             
                         @inputText(
                            configuratorForm("toDate"),
                            '_label -> "",
                            '_error -> "Please enter valid date",
                            'placeholder -> "To",
                            'class -> "span2"
                        )
                    </div>
                 </div>


                <div class="row url-row">
                    <div class="span1"><label for="webUrl" class="label-padding">URL</label></div>
                    <div class="span6">
                        @inputText(
                            configuratorForm("webUrl"), 
                            '_label -> "",
                            'class -> "span6"
                        )              
                    </div>
                 </div>

                <div class="row">
                      <div class="span1"><label for="address">Address</label></div>  
                      <div class="span6"> 
                        <div class="row">
                            <div class="span1"><label for="street">Street</label></div>  
                            <div class="span5">
                                    <div class="clearfix ">                                         
                                        <div class="input">                                             
                                        <input class="span5" type="text" id="street" name="street" value="" onChange="googleGeocode()">                                     
                                            <span class="help-inline"></span> 
                                        </div>
                                    </div>
                            </div>     
                        </div>     
                        <div class="row">
                            <div class="span1"><label for="street">City</label></div>  
                            <div class="span5">
                                    <div class="clearfix ">  
                                            <div class="input">                                             
                                            <input class="span5" type="text" id="city" name="city" value="" onChange="googleGeocode()">
                                                <span class="help-inline"></span> 
                                            </div>
                                    </div>
                            </div>     
                        </div>
                        <div class="row">
                            <div class="span1"><label for="street">Country</label></div>  
                            <div class="span5">
                                    <div class="clearfix ">  
                                            <div class="input">                                             
                                                 <input class="span5" type="text" id="country" name="country" value="" onChange="googleGeocode()">

                                            <span class="help-inline"></span> 
                                            </div>
                                    </div>
                            </div>     
                        </div>               
                    </div> 
                 </div>

                 <div class="row">
                    <div class="span1"><label for="gps" class="label-padding">GPS</label></div>
                    <div class="span1">
                        <label for="latitude" class="label-padding">Latitude</label>    
                    </div>
                    <div class="span2">
                         @inputText(
                            configuratorForm("latitude"), 
                            '_label -> "",
                            'class -> "span2"
                        )
                    </div>
                    <div class="span1">
                        <label for="longitude" class="label-padding">Longitude</label>
                    </div>
                    <div class="span2">
                           @inputText(
                                configuratorForm("longitude"), 
                                '_label -> "",
                                'class -> "span2"
                            )

                    </div>
                 </div>
            </div> 

1.事件信息
名称
@输入文本(
配置器表格（“名称”），
“\u标签->”，
“\u错误->“请输入有效名称”，
'类别->“span6”
)
描述
@文本区(
配置器表格（“说明”），
“\u标签->”，
'科尔斯->50，
'类别->“span6”
)
日期
从…起
@输入文本(
配置器表单（“起始日期”），
“\u标签->”，
“\u错误->“请输入有效日期”，
'占位符->“来自”，
'类别->“span2”
)
到
@输入文本(
配置器窗体（“toDate”），
“\u标签->”，
“\u错误->“请输入有效日期”，
'占位符->“到”，
'类别->“span2”
)
统一资源定位地址
@输入文本(
配置器表单（“webUrl”），
“\u标签->”，
'类别->“span6”
)              
地址
街头
城市
国家
全球定位系统
纬度
@输入文本(
配置器形式（“纬度”），
“\u标签->”，
'类别->“span2”
)
经度
@输入文本(
配置器形式（“经度”），
“\u标签->”，
'类别->“span2”
)

所以我找到了一个解决方案。这是一个css问题。包装此表单的容器具有

z-index:-1

。当我

移除它时，一切都变得正常了