Я следовал этому руководству: https://www.youtube.com/watch?v=Fc48IYYaEHw&index=4&list=PL0qaQSYB_0TD-7tNkfMnJ0DCFJVjBNF8G, ЗА ИСКЛЮЧЕНИЕМ того, что вместо этого я добавил значки в свой верхний колонтитул и удалил нижний колонтитул.
Они нормально проявлялись. Потом они почему-то исчезли. Они появляются, когда я просматриваю свой код в Atom, но не когда я фиксирую и просматриваю его на своем сайте.
На этом изображении показано, как оно отображается в предварительном просмотре
Вот мой код Navbar:
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Alexandra Bowen</a>
</div>
<div class="navbar-collapse collapse">
<div class="navbar-text pull-left">
<a href="https://twitter.com/AlexandraABowen"><i class="fa fa-twitter fa-1x"></i></a>
<a href="https://www.linkedin.com/in/alexandrabrower"><i class="fa fa-linkedin fa-1x"></i></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Experience <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="dropdown-header">Admin & Dashboard</li>
<li><a href="experience.html">Experience</a></li>
<li><a href="talkswriting.html">Talks and Writing</a></li>
<li class="divider"></li>
</ul>
</li>
<li><a href="#contact" data-toggle="modal">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
Это мой CSS:
fontawesome.navbar-text > a {
color: #18BC9C;
text-decoration: none;
}
body {
padding-top: 70px;
padding-bottom: 100px;
}
Мой загрузочный код:
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Rasa' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
>
. Вы должны убедиться, что строка это<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
10.08.2016font-awesome.min.css
и ввести ее вручную. 10.08.2016href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
решит эту проблему. 10.08.2016