Display list items horizontal in a menu

Question

i have a menu with bootstrap with my styles, but when I inserted my menu in bootstrap css style to make it collapsible and apply media queries, it shows vertical, i want to show horizontal, how can i do? I am apply display inline to all elements but it's still vertical... Check this: http://jsfiddle.net/AD8vB/2/

Answer 1

use

#topnav li{float:left; list-style:none;}

DEMO