twitter-bootstrap-3 – 引导3 – 如何将品牌置于导航栏的中心？

发布时间：2020-12-18 00:15:05 所属栏目：安全来源：网络整理

导读：我正在使用Bootstrap 3.我想要一个只有品牌的导航栏。没有其他链接或其他任何东西。我希望品牌成为中心。我该如何做到这一点？以下css不起作用： .navbar-brand { text-align: center;} 解决方法 CSS： .navbar-header { float: left; padding: 15px; text-a

我正在使用Bootstrap 3.我想要一个只有品牌的导航栏。没有其他链接或其他任何东西。我希望品牌成为中心。我该如何做到这一点？以下css不起作用：

.navbar-brand {
    text-align: center;
}

解决方法

CSS：

.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
}
.navbar-brand {float:none;}

HTML：

<nav class="navbar navbar-default" role="navigation">
  <div class="navbar-header">
    <a class="navbar-brand" href="#">Brand</a>
  </div>
</nav>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!