домашний значок с таблетками начальной загрузки - PullRequest
0 голосов
/ 19 сентября 2018

Я пытаюсь отобразить значок «home» со словом home в моей навигационной ссылке, которую я отформатировал с помощью начальной загрузки в качестве пилюли.

появляется только слово home

    <ul class="nav nav-pills">
        <li class="nav-item">
            <a href="home.html" class="nav-link">
            <span class="glyphicons glyphicons-home">Home</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="menu.html">Menu</a></a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="contact.html">Contact Us</a>
        </li>
    </ul>

1 Ответ

0 голосов
/ 20 сентября 2018

Поскольку Bootstrap больше не использует глификоны, вместо этого вы можете попробовать использовать шрифт awesome:

@import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css");
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">



<ul class="nav nav-pills">
  <li class="nav-item">
    <a href="home.html" class="nav-link">
      <i class="fas fa-home"></i>
    </a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="menu.html">Menu</a></a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="contact.html">Contact Us</a>
  </li>
</ul>
...