小编Bif*_*Lee的帖子

一个带有两个链接的fa图标

我做了一个看起来像这样的菜单: 在此输入图像描述 ,但我在最后一次行动中的麻烦 - 认证.这就是我得到的:.

编辑:第一张图片很宽,不适合Stack Overflow提供的空间.这是该图像的链接,显示了OP想要的样子.

我的代码:

.navbar-nav li a {
  display: inline-block;
  font-size: 18px;
  color: #d1d1d1;
  vertical-align: middle;
}

.navbar-nav li a:hover {
  color: #efa843;
}

.nav-item {
  margin-right: 32px;
}

Run Code Online (Sandbox Code Playgroud)

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="header">
  <div class="container">
    <nav class="navbar navbar-expand">
      <div class="collapse navbar-collapse" id="header_menu">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="#"><i class="fas fa-heart fa-2x" style="vertical-align: middle;"></i> ??? ???????</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#"><i …

Run Code Online (Sandbox Code Playgroud)

html css font-awesome bootstrap-4

Bif*_*Lee

2019 02-21

5
推荐指数

1
解决办法

82
查看次数