我需要帮助定位我的导航栏链接。我将包括我的代码,所以请告诉我我错在哪里。将 Bootstrap 用于网格。问题是我的导航栏在该 div 内不是全宽,即使将边距设置为 0 ,当我将宽度设置为 100% 垂直堆叠时也是如此。`
<body>
<div class="container">
<div class="row">
<div class="col-12">
<h1>Web Engineering</h1>
</div>
</div>
<div class="row">
<div class="col-12">
<nav class="nav">
<a href="#">ABOUT</a>
<a href="#">PORTFOLIO</a>
<a href="#">CONTACT</a>
</nav>
</div>
</div>
</div>`
没有包含任何 CSS bcs 非我的 CSS 代码正在运行我想做的事情。任务:将我的链接向右浮动并将它们居中在 DIV 的中间,而我的徽标则向左浮动。
你可以用css做快速修复
.nav > a { float: left; margin-rigth: 10px; }
最后清除两者
.clear-div {
clear: both;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句