Question

我一直在尝试使用float：right将bootstrap4中的导航栏移动到屏幕右侧;在导航a上它只是没有做任何事情。我正在使用codepen应用程序为我正在做的项目编写代码。

HTML code：

<div class="container-fluid">
<class="row">
<header>
<nav class="navbar navbar-fixed-top">
<a href="#" class="glyphicon glyphicon-user">About</a>
<a href="#" class="glyphicon glyphicon-th-large">Portfolio</a>
<a href="#" class="glyphicon glyphicon-envelope">Contact</a>
</div>
</nav>
</header>
</div>
</div>
</body>
</html>

CSS文件：

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css');

nav a {
  color: black;
  padding: 10px;
  font-size: 32px;
  background-color: gray;
}

Answer 1

它工作正常，只需在CSS中添加 float：right！important;

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css');

nav a {
    color: black;
    padding: 10px;
    font-size: 32px;
    background-color: gray;
    float: right !important;
}

这是笔：Working Example (CodePen)

在引导程序中将导航栏移动到右侧

1 个答案: