Bootstrap: how to make navbar <li> elements in same line?

Dumidu Udayanga

Greenhorn

Posts: 11

I like...

posted 6 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I am trying to make navbar elements appear on same line. I tried overriding .nav class display to inline:block. but it is not working at all. Please help me fix this problem

HTML

CSS

.nav {
display: inline-block;
}

Mohamed Sanaulla

Bartender

Posts: 3225

I like...

posted 6 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Have you linked to the Bootstrap CSS? Bootstrap CSS should do it for you. Check http://getbootstrap.com/docs/3.3/components/#navbar bootstrap documentation

Mohamed Sanaulla | My Blog | Author of Java 9 Cookbook | Java 11 Cookbook

Doe, a deer, a female deer. Ray, a pockeful of sun. Me, a name, I call my tiny ad ...

a bit of art, as a gift, that will fit in a stocking

https://gardener-gift.com