HTML 和 CSS <nav> 链接定位 - BOOTSTRAP 4

德扬·博尔科维奇

我需要帮助定位我的导航栏链接。我将包括我的代码,所以请告诉我我错在哪里。将 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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章