Twitter bootstrap 更改Twitter';从水平方向到垂直方向的导航栏
我可以在垂直位置使用Twitter的导航栏而不改变html结构吗。这将如何影响表单、下拉列表等元素Twitter bootstrap 更改Twitter';从水平方向到垂直方向的导航栏,twitter-bootstrap,twitter-bootstrap-3,navbar,Twitter Bootstrap,Twitter Bootstrap 3,Navbar,我可以在垂直位置使用Twitter的导航栏而不改变html结构吗。这将如何影响表单、下拉列表等元素 这样的导航栏应该如何折叠?您可以调整css,例如: @media (min-width: 768px) { .navbar-collapse { height: auto; border-top: 0; box-shadow: none; max-height: none; padding-left:0; padding-right:0; }
这样的导航栏应该如何折叠?您可以调整css,例如:
@media (min-width: 768px) {
.navbar-collapse {
height: auto;
border-top: 0;
box-shadow: none;
max-height: none;
padding-left:0;
padding-right:0;
}
.navbar-collapse.collapse {
display: block !important;
width: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-x: visible;
}
.navbar
{
max-width:300px;
margin-right: 0;
margin-left: 0;
}
.navbar-nav,
.navbar-nav > li,
.navbar-left,
.navbar-right,
.navbar-header
{float:none !important;}
.navbar-right .dropdown-menu {left:0;right:auto;}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: 0;
}
}
尽管在这种情况下正确使用导航栏似乎不合理,但上述内容适用于文档()中的默认导航栏
例如: