Question

我正在尝试将twitter bootstrap框架添加到我的django项目中，我有点卡住了。我想创建与谷歌地图不同的网页。

在下图中我想要一个固定的标题，绿色（请忽略谷歌的具体内容，对我来说它只是一个导航栏），其余的页面大小由地图支配，黄色，并在侧边栏两个谷歌广告（或真正的任何广告）顶部和底部（蓝色）大多数这很容易，但是当我想在右边有一个滚动条并且内容超过页面允许（从而影响滚动）时出现问题有没有人做过这个或有一个有效的例子？我不知道我是否应该使用侧边栏类，我认为它更像是左侧的中心操作并且必须摆弄右边的操作

编辑：

看起来我没有足够的声望点来发布图片，可以在这里找到：

http://www.flickr.com/photos/douglaskastle/6996262105/sizes/l/in/photostream/

Answer 1

我意识到这是我的问题的解决方案，我只是以错误的方式看待它：

Fixed sidebar navigation in fluid twitter bootstrap 2.0

我第一次错过了，因为我希望我的内容/地图是静态的，侧边栏是滚动的。我刚刚添加到html模板中：

<style type="text/css">
.map-fixed {
    padding: 9x 0;
    position: fixed;
    width : 510;
}
</style>

所以在我的模板正文中，我能够修复地图而不是侧边栏

<div class="container">
  <div class="row">
    <div class="span12">
        <div class="row">
            <div class="span7 map-fixed">
                {{ form.map }}
            </div> 

            <div class="span5 offset7">
                <div>{{ string|safe }}</div>
            </div>  
        </div>  
    </div>  
  </div>  
</div>

twitter bootstrap滚动侧栏

1 个答案: