Я работаю на мой первый сайт для изучения целей и запустить в эту проблему:Bootstrap Navbar охватывает верхнюю часть секции при связывании
Всякий раз, когда я ссылку на конкретное место на той же странице, она открывает, как предполагалось, но верхняя часть покрыта навигационной панелью.
<body data-spy="scroll" data-target="#myNavbar" data-offset="50">
<nav id="myNavbar" role="navigation" class="container-fluid navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand"></a>
</div>
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#section1">Home</a></li>
<li><a href="#section2">About</a></li>
<li><a href="#section3">Portfolio</a></li>
<li><a href="#section4">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron" id="section1">
<h1 class="header"></h1>
<hr class="style" />
<un class="list-inline">
<li>
<a href="#">
<span class="glyphicon glyphicon-chevron-left"></span> Facebook
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</li>
<li>
<a href="#">
<span class="glyphicon glyphicon-chevron-left"></span> GitHub
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</li>
<li>
<a href="#">
<span class="glyphicon glyphicon-chevron-left"></span> LinkedIn
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</li>
</un>
</div>
</body>
Есть ли способ сделать это ссылкой ниже навигационной панели, чтобы она не покрывала верхнюю часть раздела?
Попробовали играть с обивкой кузова, но не использовать.
(я был в состоянии решить эту проблему путем ссылки на отдельные дивы и регулировать их соперничают CSS, но после выполнения начальной загрузки scrollspy дивы, которые охватывают целый раздел был о быть адресным, таким образом, проблема возвращается.)
PS : не используется JS/Query.
Доля код таким образом, что мы можем помочь вам. –