gpt4 book ai didi

twitter-bootstrap - 具有居中内容的 Bootstrap 3 流体容器

转载 作者:行者123 更新时间:2023-12-04 18:40:14 25 4
gpt4 key购买 nike

我敢肯定这可能是一个简单的,但我还没有弄明白。

如何创建全屏流体容器,并让内容(包括导航)以页面为中心,就像在非流体容器中一样?

我只是想让顶部导航/标题背景在页面上延伸,同时将内容保持在固定宽度。

最佳答案

您可以包围.container将您的导航内容与另一个 <div>在其上添加背景样式。请参见以下示例:

.background {
background-color: #f99;
}

.content {
background-color: #9f9;
}
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" />

<div class="background">
<div class="container">
<div class="row">
<div class="col-xs-12 content">Content</div>
</div>
</div>
</div>

关于twitter-bootstrap - 具有居中内容的 Bootstrap 3 流体容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27872782/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com