Boostrap CSS - Johnson-TONG/CreditCard-Service GitHub Wiki

Boostrap in MVC

If you want to create a horizontal menu , add the .list-inline class to ``

`` ``
``
``
Inline List
``
``
``
``
• Home
``
``
• Menu 1
``
``
• Menu 2
``
``
• Menu 3
``
``
``
``
``


Tabs

Tabs are created with ``
:``

Tip: Also mark the current page with <li class="active">
<ul class="nav nav-tabs">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
</ul>


Tabs With Dropdown Menu

`
`
`
• Home
`
`
• `
  `Menu 1`
  ``
  `
  `
  `
  • Submenu 1-1
  `
  `
  • Submenu 1-2
  `
  `
  • Submenu 1-3
  `
  `
  `
  `
`
`
• Menu 2
`
`
• Menu 3
`
`
`


Pill Menu



Pills Menu are created with <ul class="nav nav-pills">. Also mark the current page with <li class="active">


<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
</ul>


Pills can also be displayed vertically. Just add the .nav-stacked class:

<ul class="nav nav-pills nav-stacked">