将自定义宽度设置为Bootstrap中的下拉列表项

时间:2016-03-11 13:19:33

标签: css twitter-bootstrap dropdown

如何将自定义宽度设置为bootstrap 3.0中的下拉列表项。

我有一个下拉列表,但项目的宽度通常与所有项目的大小相同,并且该大小由最长的项目宽度决定。

是否可以自定义宽度,如果项目词太长而不适合,那么将它们包起来?

2 个答案:

答案 0 :(得分:0)

你可以像没有引导程序那样做:

ul{
    width: 22px;
}

我刚检查过这个版本,它确实有效。

如果这不起作用,请尝试添加!important,它应该可以正常工作

ul{
    width: 22px !important;
}

答案 1 :(得分:0)

是的,您可以自定义css中的所有内容以及bootstrap框架中的内容,当您使用下拉列表然后通过引导程序自动获取css时,您也可以覆盖此css。你可以在angular.module('app').directive('parentDirective', function() { return { restrict: 'E', controllerAs: 'parentCtrl', controller: function($scope) { $scope.value = 'Value from parent'; this.value = $scope.value this.save = function() { this.value = $scope.value; } } } }); angular.module('app').directive('childDirective', function() { return { restrict: 'E', controllerAs: 'childCtrl', controller: function($scope) { $scope.value = 'Value from child'; this.setValue = function() { $scope.value = 'New value from child'; } } } }); 属性的帮助下覆盖所有css。

你可以遵循这个方法:

"!important"

如果宽度也不起作用,那么您可以尝试width : 100px; or width:100px !important 属性。

min-width

THANKYOU。