如何将自定义宽度设置为bootstrap 3.0中的下拉列表项。
我有一个下拉列表,但项目的宽度通常与所有项目的大小相同,并且该大小由最长的项目宽度决定。
是否可以自定义宽度,如果项目词太长而不适合,那么将它们包起来?
答案 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。