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

Dumidu Udayanga

Greenhorn

Posts: 11

I like...

posted 7 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 7 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

Today's lesson is that you can't wear a jetpack AND a cape. I should have read this tiny ad:

Smokeless wood heat with a rocket mass heater

https://woodheat.net