Twitter bootstrap bootsrap3:引导选择和输入组插件
我将两个输入组放入表单组。第一个有三个组插件,看起来一切正常。第二个带bootstrap select的有两个插件,一个在左边,另一个在右边,这导致bootstrap select具有圆角,尽管它位于两个插件之间。此外,如果我只留下一个插件,它看起来很好Twitter bootstrap bootsrap3:引导选择和输入组插件,twitter-bootstrap,css,twitter-bootstrap-3,Twitter Bootstrap,Css,Twitter Bootstrap 3,我将两个输入组放入表单组。第一个有三个组插件,看起来一切正常。第二个带bootstrap select的有两个插件,一个在左边,另一个在右边,这导致bootstrap select具有圆角,尽管它位于两个插件之间。此外,如果我只留下一个插件,它看起来很好 <div class="form-group"> <div class="input-group" id="dateOfBirthDiv"> <span class="input-group
<div class="form-group">
<div class="input-group" id="dateOfBirthDiv">
<span class="input-group-addon">
@Html.Label("Data urodzenia")
</span>
@Html.TextBox("dateOfBirth", null, new { @class = "form-control" })
<span class="input-group-addon">
<span class="glyphicon glyphicon-th"></span>
</span>
<span class="input-group-addon" style="min-width: 42px;">
</span>
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon">
@Html.Label("Płeć")
</span>
@Html.DropDownList("patientSex", new SelectList(SelectListHelpers.sexSelectListHelper, "Value", "Text"), "-- wybierz --", new { @class = "selectpicker form-control" })
<span class="input-group-addon" style="min-width: 42px;">
</span>
</div>
</div>
@Html.Label(“数据urodzenia”)
@TextBox(“dateOfBirth”,null,new{@class=“form control”})
@Html.Label(“Płeć”)
@DropDownList(“patientSex”,新选择列表(SelectListHelpers.sexSelectListHelper,“值”,“文本”),“--wybierz-”,新{@class=“selectpicker表单控件”})
代码是Razor语法,但我想每个人都会理解DropDownList已更改为
。然后选择bootstrap以其方式更改它
我认为它可能是这样的,因为它是隐藏的引导选择,但为什么它是一个插件工作?
有人遇到过类似的问题吗
这是引导选择失败。它将
放入
中。
有表单控件
类,但其颜色是透明的,
没有负责边界半径
管理的表单控件
类。即使我使用jQuery将表单控件类添加到
中,按钮也是
中的第一个元素,因此它的左侧是圆角,右侧是正方形:)解决方案是$('#patientSex')。下一步('div.bootstrap-select')。子元素('button.dropdown-toggle')。css('border-radius','0px')代码>我的符号代码工作正常。您应该尝试remome表单组块,或者在select旁边添加一些空的select元素,并通过json-on-document-ready将其删除
我的代码:
<div class="container"><div class="col-md-2">
<div class="input-group"><a href="keyboard-new"><span class="btn btn-primary">Nowy</span></a></div></div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon">
lalalalala
</span>
<select id="searchcolumn" class="form-control">
<option value="NAZWA">Nazwa</option>
</select>
<span class="input-group-addon">
lalalalala
</span>
</div>
</div>
</div>
拉拉拉拉
纳兹瓦
拉拉拉拉
看起来正确:这是什么浏览器?说避免在这里使用元素,因为它们不能在WebKit浏览器中完全设置样式。
。另外,我猜您正在使用某种选择框插件来赋予它额外的功能。你有没有试着删除它,看看会发生什么,然后你可以看看这是一个普遍的问题,还是仅仅是由于一个插件。你能在或上重新创建这个问题?如果不在浏览器中的DevTools中进行检查,很难说这里发生了什么,这就是引导选择失败。它将
放入
中。
有表单控件
类,但其颜色是透明的,
没有负责边界半径
管理的表单控件
类。即使我用jQuery更新表单控件类
,按钮也是
中的第一个元素,因此它的左侧是圆角,右侧是正方形:)解决方案是$('#patientSex')。下一步('div.bootstrap-select')。子元素('button.dropdown-toggle')。css('border-radius','0px')代码>