Context Ordered and Unordered Horizontal Definition Lists List Groups List Groups with glyphicon Inline Form Layout Prepended and Appended Inputs Disabled and Readonly Inputs and Fieldset Help Text Supported Form Controls Media Objects Basic Collapsible Collapsible Panel Accordion Fixed Navigation Bar Collapsing The Navigation Bar Bootstrap icons are provided by Glyphicons. Placing Ordered and Unordered List Items Inline If you want to create a horizontal menu using ordered or unordered list you need to place all list items in a single line i.e. side by side. You can do this by simply applying the Bootstrap's class .list-inline to the respective <ul> or <ol> elements. The .list-inline class also adds some left and right padding ( 5px by default) to the all list items. <ul class = "list-inline" > <li> Home </li> <li> Products </li> ...