Twitter bootstrap bootsrap3:引导选择和输入组插件

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

我将两个输入组放入表单组。第一个有三个组插件,看起来一切正常。第二个带bootstrap select的有两个插件,一个在左边,另一个在右边,这导致bootstrap select具有圆角,尽管它位于两个插件之间。此外,如果我只留下一个插件,它看起来很好

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