mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-20 04:11:39 +02:00
Code Issues Releases Wiki Activity

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
1 changed files with 4 additions and 4 deletions
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>