1
我的网站使用twitter-bootstrap-3并有2列布局(col-sm-9
和col-sm-3
)。列折叠在768px,菜单折叠在767px?
col-sm-9
包含我的博客和col-sm-3
包含侧边栏导航栏。
由于一些奇怪的原因,导航栏崩溃在767px
,而博客容器崩溃在768px
。
这意味着当我的视口恰好在768px
时,菜单看起来很糟糕。
这是一种错误,有人可以帮我解决这个问题吗?
<div class="col-sm-9 tutorial-panel">
<section>
This is my blog content
</section>
<nav class="col-sm-3 navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle"
data-toggle="collapse" data-target="#example-navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="example-navbar-collapse">
<ul class="clearfix">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</div>
</nav>
是的,这是一个错误 –
可以这样解决?谢谢 – stckpete
我希望我知道。 –