Why is my bootstrap navbar not displaying inline?

Question

Here is my html using bootstrap (I\'m sure bootstrap is installed correctly)

Answer 1

This is because in Bootstrap the css for li is this:

.nav>li {
  position: relative;
  display: block;
}

But for me the menu seems to appear correctly. See snippet, but only on a full page. On mobile devices it will behave like a block element since the screen doesn't have room to show them inline.

EDIT: Updated the snippit to work as requested (see comments below this answer)

.navbar .container-fluid>.navbar-header {
  float: left;
  margin-right: 10px;
}
.navbar .navbar-nav {
  float: left;
  margin: 5px;
}
.nav>li {
  float: left;
}

  


    

      Rebar
    

    

      

        
Link
        
        
Link
        
        
Link