1

我正在尝试使用 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 的后端工作，但这次我只想把它做好，因为它是为了我的个人博客。您可以在我的博客上查看我对这个“空白”的含义。我知道导航栏现在一点也不漂亮，但这将是我接下来要解决的问题。

4

1 回答 1

0

在www.responsinator.com上查看它 我猜右边没有这样的空白。此外，当网站在桌面以外的任何其他设备上打开时row-fluid，引导类将每个子类转换为全宽。span所以无论如何，当你在 iPhone4 上打开它时，它就会width:100%被分配给。span9

右边似乎有一点空间，可能有两个原因：
1. 文本不合理。
2.container-fluid向左和向右添加 20px 的内边距。

希望能帮助到你。:)

于 2013-07-11T20:09:26.217 回答