Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Align navbar in docs #30359

Merged
merged 2 commits into from Mar 7, 2020
Merged

Align navbar in docs #30359

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
bb67f28
Align navbar in docs
MartijnCuppens Mar 7, 2020
450e581
Update example
MartijnCuppens Mar 7, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
8 changes: 4 additions & 4 deletions site/content/docs/4.3/components/scrollspy.md
View file
Open in desktop
Expand Up @@ -22,7 +22,7 @@ When successfully implemented, your nav or list group will update accordingly, m
Scroll the area below the navbar and watch the active class change. The dropdown items will be highlighted as well.

<div class="bd-example">
<nav id="navbar-example2" class="navbar navbar-light bg-light">
<nav id="navbar-example2" class="navbar navbar-light bg-light px-3">
<a class="navbar-brand" href="#">Navbar</a>
<ul class="nav nav-pills">
<li class="nav-item">
Expand All @@ -33,7 +33,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#one">one</a>
<a class="dropdown-item" href="#two">two</a>
<div role="separator" class="dropdown-divider"></div>
Expand All @@ -59,7 +59,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown
</div>

{{< highlight html >}}
<nav id="navbar-example2" class="navbar navbar-light bg-light">
<nav id="navbar-example2" class="navbar navbar-light bg-light px-3">
<a class="navbar-brand" href="#">Navbar</a>
<ul class="nav nav-pills">
<li class="nav-item">
Expand All @@ -70,7 +70,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
<div class="dropdown-menu">
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#one">one</a>
<a class="dropdown-item" href="#two">two</a>
<div role="separator" class="dropdown-divider"></div>
Expand Down