我正在尝试使用 bootstrap.css 实现布局。它尤其是带有右侧边栏的主视图。它在桌面上看起来很棒,但是当我有移动视图时,我试图删除侧边栏。目前我的布局如下所示:
<div class="container-fluid">
<div class="row-fluid">
<div class="span9">
Main view goes here
</div>
<div class="span3 visible-desktop visible-tablet hidden-phone">
Sidebar goes here
</div>
</div>
</div>
所以当我有一个移动视图时,侧边栏消失了。但是主视图仍然有一个 span9 类,导致整个视图在右侧有一些空白。我目前正在使用带有移动 safari 的 iPhone 4 体验这一点。
我不是 css 大师,我主要在 webapps 的后端工作,但这次我只想把它做好,因为它是为了我的个人博客。您可以在我的博客上查看我对这个“空白”的含义。我知道导航栏现在一点也不漂亮,但这将是我接下来要解决的问题。