<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
div
class
=
"container"
>
<
h1
style
=
"color:green;padding:13px;"
>
GeeksforGeeeks
</
h1
>
<
h3
>Hamburger items on the right in bootstrap 4</
h3
>
<
br
>
<
nav
class="navbar navbar-expand-lg
navbar-dark justify-content-between text-white"
style
=
"background-color: #0074D9;"
>
<
a
class
=
"navbar-brand"
href
=
"#"
>
<
img
src
=
width
=
"30"
height
=
"30"
class
=
"d-inline-block align-top"
alt
=
""
>
GeeksforGeeeks BS4 Navbar
</
a
>
<
button
class
=
"navbar-toggler bg-light"
type
=
"button"
data-toggle
=
"collapse"
data-target
=
"#navbarNavDropdown01"
aria-controls
=
"navbarNavDropdown01"
aria-expanded
=
"false"
aria-label
=
"Toggle navigation"
style
=
"outline-color:white"
>
<
span
class
=
"navbar-toggler-icon"
></
span
>
</
button
>
<
div
class
=
"collapse navbar-collapse bg-info m-2 p-4"
id
=
"navbarNavDropdown01"
>
<
form
class
=
"form-inline flex-row-reverse "
>
<
button
class
=
"btn btn-success my-2 my-sm-0 bg-primary"
type
=
"submit"
>
Search
</
button
>
<
input
class
=
"form-control mr-sm-2"
type
=
"search"
placeholder
=
"Search"
aria-label
=
"Search"
>
</
form
>
<
ul
class
=
"navbar-nav text-right mr-4"
>
<
li
class
=
"nav-item active"
>
<
a
class
=
"nav-link"
href
=
"#"
>
Home<
span
class
=
"sr-only"
>(current)</
span
>
</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>Link</
a
>
</
li
>
<
li
class
=
"nav-item dropdown"
>
<
a
class
=
"nav-link dropdown-toggle"
href
=
"#"
id
=
"navbarDropdown"
role
=
"button"
data-toggle
=
"dropdown"
aria-haspopup
=
"true"
aria-expanded
=
"false"
>
Dropdown
</
a
>
<
div
class
=
"dropdown-menu text-right"
aria-labelledby
=
"navbarDropdown"
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
Action
</
a
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
Another action
</
a
>
<
div
class
=
"dropdown-divider"
></
div
>
<
a
class
=
"dropdown-item"
href
=
"#"
>
Something else here
</
a
>
</
div
>
</
li
>
<
li
class
=
"nav-item "
>
<
a
class
=
"nav-link disabled"
href
=
"#"
tabindex
=
"-1"
aria-disabled
=
"true"
>
Disabled
</
a
>
</
li
>
</
ul
>
</
div
>
</
nav
>
</
div
>
</
center
>
</
body
>
</
html
>