C# 引导选择器超出面板标题

我目前正在使用Bootstrap的SelectPicker，并试图将其显示在面板标题中，右边对齐，旁边是几个Bootstrap按钮。我的问题是引导下拉列表太宽。它延伸到面板标题结束的位置。我尝试将宽度更改为下拉菜单，并使用其他选项，如

float:right

和

下拉菜单right

，而不是

向右拉

，但没有雪茄。我曾尝试更改selectpicker的CSS，并尝试使用Jquery更改它的位置，但它保持相同的宽度，并且没有更改。下面是我的代码示例：

@if (Model.Customers != null && Model.Customers.Any())
        {
            <select name="custDropdown" id="custDropdown" class="selectpicker pull-right" title="Select a Customer...">
                @foreach (var customer in Model.Customers)
                {
                    <option value="@customer.UserName">@customer.FirstName @customer.LastName</option>
                }
            </select>
        }
        else
        {
            <select class="selectpicker pull-right" title="No Users for this Customer" disabled></select>
        }

<div class="panel panel-default">
    <div class="panel-heading">
        Claim Activity
    </div>
</div>

@if（Model.Customers！=null&&Model.Customers.Any（））
{
@foreach（Model.Customers中的var客户）
{
@customer.FirstName@customer.LastName
}
}
其他的
{
}
索赔活动

我没有在这个代码示例中包括我的其他按钮，但是它们都有与之关联的类

pull right

。我对此做了大量的研究，但我没有发现任何有用的文章或线索，人们试图用

select

语句来实现这一点，只使用下拉按钮。我知道下拉菜单与按钮相比，在尝试对其应用

pull right

时表现得很奇怪，但我不明白为什么它会延伸到面板标题之外。我知道这与名字在下拉列表中的长度无关。现在显示的名称相对较短，并且无论其长度或长度如何，宽度都不会改变。如果有人有任何建议或知道我能做些什么来解决这个问题，那就太好了。下面是一张图片，供我在下面讨论的内容参考：

---

我最终解决了这个问题。事实证明，问题出在选择器的CSS上。我以前试图修改CSS时只是找错了地方。宽度设置为100%，我不得不将其缩短到82.5%

.bootstrap-select > .dropdown-toggle {
  width: 82.5%;
  padding-right: 25px;
  z-index: 1;
}