Bootstrap 4 - 具有固定邊距的Sticky Navbar
[英]Bootstrap 4 - Sticky Navbar with fixed margin
問題描述
我正在嘗試實現一個0.5em margin-top的導航欄。 截至目前（你可以看看這個代碼： https ：//codepen.io/diegomengue/pen/yXboQg），當你滾動頁面時，邊距就會丟失。 有沒有辦法用導航條保持邊距粘性？
我正在使用bootstrap 4。
碼：
HTML:
<body>
<nav class='navbar navbar-toggleable-xl mx-auto sticky-top'>
<ul class='navbar-nav mx-auto'>
<li class='nav-item'><a href='#'>Sobre mim</a></li>
<li class='nav-item'><a href='#'>Portfólio</a></li>
<li class='nav-item'><a href='#'>Contato</a></li>
</ul>
</nav>
</body>
CSS:
body {
height: 1000px;
}
.navbar{
margin-top: 0.5em;
background-color: #4B589D;
width: 87%;
border-radius: 3px;
box-shadow: 0 0 10px grey;
}
li {
padding: 0.3em 0.3em 0.3em 0.3em;
margin: 0 0.3em 0 0.3em;
}
a {
color: white;
}
非常感謝你！
1 個解決方案
解決方案1
9 已采納 2017-06-20 21:46:02
Bootstrap navbar-fixed-top：內容具有左右邊距
[英]Bootstrap navbar-fixed-top: content has left and right margin
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.