twitter-bootstrap - Bootstrap-select 仅右对齐文本

Question

我想将下拉菜单的文本向右对齐，并将小车保持在原位。我有一个长表格，每个图标都在右边，所以移动小车不是一种选择。我发现如何在右侧获得选项，但选择的选项留在左侧。

我通过覆盖 js.min 来尝试解决问题，但我需要让其他下拉菜单在其他地方左对齐。所以我请求你的帮助。

有代码:

<div class="form-group oa-vert-marg-2 pull-right">
    <label class="col-sm-4 control-label" for="pmtType">Type de paiement&nbsp;&nbsp;&nbsp;</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

谢谢你的帮助!

Answer 1

为此，您应该自定义 CSS，因此添加以下样式:

.bootstrap-select.btn-group .btn .filter-option {
   text-align: right   
}