<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
How to Align navbar logo to the
left screen using Bootstrap ?
</
title
>
<
link
href
=
rel
=
"stylesheet"
integrity
=
"sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin
=
"anonymous"
>
"sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
integrity
=
"sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
nav
class=" navbar navbar-expand-lg
navbar-light bg-light fixed-top py-lg-0 ">
<
a
class
=
"navbar-brand"
href
=
"#"
>
<
img
src
=
width
=
"90"
height
=
"80"
alt
=
""
>
</
a
>
<
button
class
=
"navbar-toggler"
type
=
"button"
data-toggle
=
"collapse"
data-target
=
"#navbarResponsive"
aria-controls
=
"navbarResponsive"
aria-expanded
=
"false"
aria-label
=
"Toggle navigation"
>
<
span
class
=
"navbar-toggler-icon"
></
span
>
</
button
>
<
div
class
=
"collapse navbar-collapse"
id
=
"navbarResponsive"
>
<
ul
class
=
"navbar-nav ml-auto"
>
<
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
=
"#"
>About</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>Courses</
a
>
</
li
>
<
li
class
=
"nav-item"
>
<
a
class
=
"nav-link"
href
=
"#"
>Contact</
a
>
</
li
>
</
ul
>
</
div
>
</
nav
>
</
body
>
</
html
>