In addition to tab menus we can also create pill menus.
A general page as an example of both an inline pill menu and a vertical pill menu we'll start with the
inline menu.
In order to create an inline menu we start with creating an unordered list and setting the class to
have enough pills.
Next we create our list items.
You can see that we have four list items each list item has a link element and the list item label.
We have linked one link to the three and link for you'll also notice that list item 1 as a class attribute
which is set to active.
And this is the reason that link 1 is highlighted in blue
we can also create vertical or stacked pool menus and to do that.
We simply need to add the class nerve stocked to our existing class in the UL tag.
And so if I save the file in refresh we can see that the menu items are now stacked in the second appeal
menu example we've created a drop down menu on list item to as you can see when linked to is clicked
a menu appears with three additional links
to do this create a list item and set the class to dropdown so you can see that below list item number
1 which is link 1.
We've added a list element and set the class to dropdown.
Next we create a link element in set the class to dropdown toggle with a data toggle attribute set to
dropdown attach an empty link using the H R Yes attribute
and once you define your label in this case we called it Link 2.
We also added a spend element with a with the closet declared in ruby.
That's the dropdown arrow.
So after you've done that you can create your unordered list item.
And set the class to drop down menu inside the unordered list.
You can create all your list items so you can see we have siblings one sibling 2 and sibling 3.
Each has a link element with the H R you f set to an empty link.
So just the compound symbol.