Twitter bootstrap twitter引导:如何混合类?
我正在尝试正确使用引导。 bootstrap.css之后加载的较少文件如下所示:Twitter bootstrap twitter引导:如何混合类?,twitter-bootstrap,less,Twitter Bootstrap,Less,我正在尝试正确使用引导。 bootstrap.css之后加载的较少文件如下所示: #page { .container; } header { ul { .inline; .unstyled; } } 因此,我看到: 我的页面容器有左边距:自动和右边距:自动。。。但是没有宽度! My没有应用内联样式和未应用样式! 如果我直接更改HTML代码,如下所示: <div id="page" class="container"> <
#page {
.container;
}
header {
ul {
.inline;
.unstyled;
}
}
因此,我看到:
我的页面容器有左边距:自动和右边距:自动。。。但是没有宽度!
My没有应用内联样式和未应用样式!
如果我直接更改HTML代码,如下所示:
<div id="page" class="container">
<header>
<ul class="inline unstyled">
...
</ul>
</header>
</div>
…一切正常
有人知道为什么吗
谢谢你的帮助
首先,Bootstrap定义ul.inline,所以请尝试
.容器定义为2个块。Less没有将几个块的样式组合为mixin。我不知道该怎么办对不起
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
您的建议对于ul.inline和ul.unstyled很有效,但是对于.container却不行,因为它被声明为.container,没有任何前缀。那么你知道为什么它不适用于.container吗?@aurelian请看一下解释。好吧,我看到了你的答案,并试图确保less不能组合多个块的样式,但我没有找到任何相关信息。无论如何,谢谢你的帮助!
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1;
}