当前位置: 首页 > 知识库问答 >
问题:

居中引导导航栏[重复]

弓玉书
2023-03-14

我想创建一个居中的引导导航栏与标志。我是这样看的:

我怎样才能做到这一点呢?

共有1个答案

皇甫聪
2023-03-14

请提供更多信息。如果你想要商标

<nav class="navbar navbar-inverse">
   <div class="container">
      //write the code for brand-header / menu here
   </div>
</nav>
 类似资料:
  • 我正在使用引导创建导航栏,但文本位于左侧。我根本不知道如何让文本位于导航栏的中心,并在不同设备上调整大小和查看站点时保持在那里。我试过绕过浮动:左;使用下面的代码,但我仍然无法理解。 这东西很新鲜,如果它直视着我很抱歉。 谢谢。

  • navbar的当前外观: 我希望它看起来像这样: 文本对齐:居中不起作用。也不证明、浮动等。 HTML CSS

  • 我试图将导航栏项目水平居中对齐,但它们向左对齐。 有人能帮忙吗? 这是一个桌面问题-只是要明确,我有这个问题在桌面级别。 这是我目前的代码: 演示:https://jsfiddle.net/cjoasysz/

  • 在Bootstrap 4中,如何更改导航栏的背景颜色?twbsColor的代码不起作用。我想让背景颜色变成不同的颜色,字体颜色变成白色。

  • 我试图简单地在 元素周围放置一个边框,但是Bootstrap navbar 元素的边框向上到navbar的顶部和底部,这与图片中的情况不同。以下是我努力的样子: 我尝试使用的CSS只是一个简单的边框: 我尝试在链接周围设置边距,但这会使链接与其他链接脱节。我还尝试将SIGN UP按钮包装在div中,但这会使它失去很多引导属性。 有没有什么简单的方法,让我把这个边框周围的注册链接,而不必对抗引导?

  • 因此,我刚刚从bootswatch复制了navbar表单的代码片段,并直接导入了所需的JQuery、bootstrap css和js文件,如下面的代码片段所示。当浏览器调整大小时,它会做出响应,但当我单击按钮以获取导航栏的下拉菜单时,它会出现故障,不会下降并停留在那里,而是自动切换回原来的状态。 代码中没有任何调整或更改,它在bootswatch网站上运行良好,但这里没有。有人能解释一下原因并给出