Question

我想问你如何在中心的导航品牌底部设置导航链接。我实际上没有编写任何代码，我才刚刚开始，但我可以向您展示我想要做的页面链接： https://aforkandapencil.com/ 所以导航品牌是“叉子和铅笔” 导航链接是“食谱”和“时事通讯” 我正在用 Bootstrap 做这个

Answer 1

您可以将 Flexbox 与引导程序一起使用。在此处查看为您的问题创建的 Codepen：https://codepen.io/pro_animator/pen/XWNKNGm

HTML：

<div>
    <div class="logo-container d-flex justify-content-center">
        <img src="https://images.squarespace-cdn.com/content/5ae2b8fdf93fd4d57303a71d/1609410815009-NBBBB2KLYPZ597UKWFWE/logo-005CA5.png?content-type=image%2Fpng"/>
    </div>
    <div class="d-flex justify-content-between">
        <div class="p-2"><a href="#">Recipes</a></div>
        <div class="p-2"><a href="#">Newsletter</a></div>
    </div>
</div>

CSS：

.logo-container img {
    height: 40px;
    width: auto;
}

PS：编辑了我的答案。

如何在导航品牌底部设置导航链接

1 个答案: