How to fix Bootstrap bug in Ruby on Rails project?

Question

css

I recently started learning RoR from this book . But in chapter 5, when connecting the bootstrap, this picture comes out.
As far as I understand, the problem is in the marked list. How can I make it lay horizontally instead of vertically? Here is the resulting page code

Answer 1

I ran into Bootstrap version difference issues myself.
Use this service here .
Just paste your code with bootstrap tags/parameters of the 2nd version, and it will convert it to the 3rd one for you.
The only thing, be careful, check that the converter does not convert non-bootstrap code for you, if you suddenly copy all the code (including html / ruby) :)

Answer 2

This is the difference in Bootstrap 2 and 3
nav is replaced with nav navbar-nav