如何增加使用bootstrap AngularJs创建的ng-dropdown-multiselect的宽度

前端之家收集整理的这篇文章主要介绍了如何增加使用bootstrap AngularJs创建的ng-dropdown-multiselect的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用AngularJS和bootstrap创建了一个多选下拉列表,并在页面中包含以下代码
<div class="row">
                    <div class="col-lg-6">
                        <label>Standards</label>
                        <ng-dropdown-multiselect
                                options="dashboard.example1data"
                                selected-model="dashboard.example1model"
                        style="max-width: 500px;">
                        </ng-dropdown-multiselect>
                    </div>
                </div>

我试图增加下拉列表的宽度,我不知道如何实现这一点.有人能让我知道如何增加“ng-dropdown-multiselect”的宽度.

解决方法

您将不得不覆盖用于制作带下拉按钮的CSS.

将以下CSS放在< script>< / script>中或者在你的html文件之前加载的一些外部CSS文件中.

.multiselect-parent .dropdown-toggle {
  width: 400px;
}

.multiselect-parent .dropdown-menu {
  width: 300px;
}

这将解决您的问题.

干杯!!!

猜你在找的Bootstrap相关文章