div不會將自己定位在bootstrap固定導航欄下面
[英]div doesn't position itself below bootstrap fixed navbar
問題描述
我一直在使用bootstrap的navbar css。 在這個導航欄下面，我有一個我想要放在導航欄下方。 但是，為什么它總是從頂部開始而不是在導航欄下方？ 我查看了twitter bootstrap的示例，他們能夠在固定導航欄下方定位。 這是我網站的鏈接。 知道為什么會這樣嗎？
這是我現在的HTML：
<div class="navbar navbar-fixed-top">
</div>
<section id="main">
</section>
3 個解決方案
解決方案1
11 已采納 2013-10-06 03:02:48
除非您在
<body>的頂部添加padding，否則fixed navbar將覆蓋您的其他內容。 嘗試自己的價值觀或使用下面的代碼段。 提示：默認情況下，導航欄高50像素。body { padding-top: 70px; }確保在核心Bootstrap CSS之后包含它。
參考： http ： //getbootstrap.com/components/#navbar-fixed-top
我不知道為什么他們不把這個音符放在bootstrap 2.3.2中，但這就是你想要的。 :)
解決方案2
2 2013-10-06 03:38:16
昨天我修復了我的導航欄並將容器設置如下
.maincontainer{ padding-top: 75px; }
75像素就足夠了，不會影響Tablet和Mobile中響應式設計的Bootstrap。 到處工作完美:)
解決方案3
-2 2014-09-21 12:13:19
只需使用<nav>標簽而不是<div class="nav"> 。 它會照顧它。
引導帶，導航欄（固定位置）
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.