Bootstrap-select 仅右对齐文本
Bootstrap-select align only text right
我想将下拉菜单的文本右对齐,并将小车保持在原位。我有一个长表格,每个图标都在右边,所以移动小车不是一种选择。我发现如何在右侧获得选项,但选择的选项留在左侧。
我通过覆盖 js.min 来尝试解决问题,但我需要让其他下拉菜单在其他地方左对齐。所以我请求你的帮助。
有代码:
<div class="form-group oa-vert-marg-2 pull-right">
<label class="col-sm-4 control-label" for="pmtType">Type de paiement </label>
<div class="col-sm-8 input-group pad-btm pull-right">
<select class="selectpicker" data="pull-right" data-style="text-right" id="pmtType" dir="rtl">
<option class="text-right">Hebdomadaire</option>
<option class="text-right">Quinzaine</option>
<option class="text-right" selected>Mensuel</option>
</select>
</div>
</div>
这是它的样子:
actual
它应该是这样的:
wanted
感谢您的帮助!
尝试给 class "selectpicker" 额外的 class "pull-right"?
<div class="form-group oa-vert-marg-2 pull-right">
<label class="col-sm-4 control-label" for="pmtType">Type de paiement </label>
<div class="col-sm-8 input-group pad-btm pull-right">
<select class="selectpicker pull-right" data="pull-right" data-style="text-right" id="pmtType" dir="rtl">
<option class="text-right">Hebdomadaire</option>
<option class="text-right">Quinzaine</option>
<option class="text-right" selected>Mensuel</option>
</select>
</div>
为此,您应该自定义 CSS,因此添加以下样式:
.bootstrap-select.btn-group .btn .filter-option {
text-align: right
}
尝试添加css:
.selectpicker {
text-align-last: right;
}
添加以下样式:
.dropdown-toggle {
padding-right: 5px !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
text-align: right !important;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
left: 12px !important;
right: unset !important;;
}
这对我有用:
.bootstrap-select .dropdown-toggle .filter-option {text-align: right !important;}
.bootstrap-select .dropdown-menu.inner{text-align: right !important;}
我想将下拉菜单的文本右对齐,并将小车保持在原位。我有一个长表格,每个图标都在右边,所以移动小车不是一种选择。我发现如何在右侧获得选项,但选择的选项留在左侧。
我通过覆盖 js.min 来尝试解决问题,但我需要让其他下拉菜单在其他地方左对齐。所以我请求你的帮助。
有代码:
<div class="form-group oa-vert-marg-2 pull-right">
<label class="col-sm-4 control-label" for="pmtType">Type de paiement </label>
<div class="col-sm-8 input-group pad-btm pull-right">
<select class="selectpicker" data="pull-right" data-style="text-right" id="pmtType" dir="rtl">
<option class="text-right">Hebdomadaire</option>
<option class="text-right">Quinzaine</option>
<option class="text-right" selected>Mensuel</option>
</select>
</div>
</div>
这是它的样子: actual
它应该是这样的: wanted
感谢您的帮助!
尝试给 class "selectpicker" 额外的 class "pull-right"?
<div class="form-group oa-vert-marg-2 pull-right">
<label class="col-sm-4 control-label" for="pmtType">Type de paiement </label>
<div class="col-sm-8 input-group pad-btm pull-right">
<select class="selectpicker pull-right" data="pull-right" data-style="text-right" id="pmtType" dir="rtl">
<option class="text-right">Hebdomadaire</option>
<option class="text-right">Quinzaine</option>
<option class="text-right" selected>Mensuel</option>
</select>
</div>
为此,您应该自定义 CSS,因此添加以下样式:
.bootstrap-select.btn-group .btn .filter-option {
text-align: right
}
尝试添加css:
.selectpicker {
text-align-last: right;
}
添加以下样式:
.dropdown-toggle {
padding-right: 5px !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
text-align: right !important;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
left: 12px !important;
right: unset !important;;
}
这对我有用:
.bootstrap-select .dropdown-toggle .filter-option {text-align: right !important;}
.bootstrap-select .dropdown-menu.inner{text-align: right !important;}