gpt4 book ai didi

html - 响应式 Twitter Bootstrap : and navbar right padding/margin appears when width is < 767/768px

转载 作者:可可西里 更新时间:2023-11-01 14:53:40 25 4
gpt4 key购买 nike

当我将窗口调整到 767/768 像素宽度以下时,正文和导航栏会出现奇怪的右边距/填充(每个 20 像素;导航栏右侧总共有 40 个白色像素)。我找不到这是 BS 正常行为还是我做错了什么。

css size/padding/margin bootstrap 覆盖的唯一片段是:

.navbar { margin-bottom: 20px; }

这里是 HTML:

<body>
<header class='navbar navbar-static-top'>
<nav class='navbar-inner'>
<div class='container'>
<a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'>
<div class='icon-bar'></div>
<div class='icon-bar'></div>
<div class='icon-bar'></div>
</a>
<a href="/" class="brand">Brand Name</a>
<div class='nav-collapse collapse'>
<ul class='nav'>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
</ul>
<form accept-charset="UTF-8" action="/search" class="navbar-search pull-right" method="get">
<input class="search-query" id="q" name="q" placeholder="Search" type="text" />
<input class="hidden" type="submit" value="Find" />
</form>
</div>
</div>
</nav>
</header>
<div class='container'>
<div class='row'>
<div class='span12'>
<!-- ... -->
</div>
</div>
</div>
</body>

我将 bootstrap-sass gem 与 rails 结合使用。我不确定 .container Angular 色。

最佳答案

我没有找到任何东西,所以我写了这个 hack:

@media (max-width: 767px) { body { padding-left: 0; padding-right: 0; } } 
.navbar { margin-left: 0; margin-right: 0; }

关于html - 响应式 Twitter Bootstrap : <body> and navbar right padding/margin appears when width is < 767/768px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14014028/

25 4 0
文章推荐: javascript - 当 ul 可见时将事件附加到主体,然后在不可见时将其删除
文章推荐: hadoop - Mapreduce combinefileinputformat java.lang.reflect.InvocationTargetException 而两个作业访问相同的数据
文章推荐: hadoop - 如何从配置单元中的特定存储桶中检索数据
文章推荐: css - 如何让右列 (
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com