Hopiu/bootstrap
1
0
Fork 0
mirror of https://github.com/Hopiu/bootstrap.git synced 2026-05-20 01:31:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Align navbar in docs (#30359)

Browse source
This commit is contained in:
Martijn Cuppens 2020-03-07 13:09:05 +01:00 committed by GitHub
parent d79830c4ee
commit fcc67da41f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
site/content/docs/4.3/components/scrollspy.md
View file

@ -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. Scroll the area below the navbar and watch the active class change. The dropdown items will be highlighted as well.
<div class="bd-example"> <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> <a class="navbar-brand" href="#">Navbar</a>
<ul class="nav nav-pills"> <ul class="nav nav-pills">
<li class="nav-item"> <li class="nav-item">
@ -33,7 +33,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a> <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="#one">one</a>
<a class="dropdown-item" href="#two">two</a> <a class="dropdown-item" href="#two">two</a>
<div role="separator" class="dropdown-divider"></div> <div role="separator" class="dropdown-divider"></div>
@ -59,7 +59,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown
</div> </div>
{{< highlight html >}} {{< 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> <a class="navbar-brand" href="#">Navbar</a>
<ul class="nav nav-pills"> <ul class="nav nav-pills">
<li class="nav-item"> <li class="nav-item">
@ -70,7 +70,7 @@ Scroll the area below the navbar and watch the active class change. The dropdown
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a> <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="#one">one</a>
<a class="dropdown-item" href="#two">two</a> <a class="dropdown-item" href="#two">two</a>
<div role="separator" class="dropdown-divider"></div> <div role="separator" class="dropdown-divider"></div>