Bootstrap Navigation Components
File și pastile
| Clasă | Descriere | Exemplu |
|---|
| .nav nav-tabs | Creează file de navigare | Incearca-l |
| .nav nav-pills | Creează pastile de navigare | Incearca-l |
| .nav nav-pills nav-stacked | Creează pastile de navigație verticale | Incearca-l |
| .nav-justified | Face file de navigare / pastile de latimi egale de mama lor, la ecranele mai lat decât 768px. Pe ecrane mai mici, filele NAV / pilulele sunt stivuite | Incearca-l |
| .disabled | Indică un handicap (unclickable) fila / pastila | Incearca-l |
| file de navigare cu meniul drop-down | Incearca-l |
| pastile de navigare cu meniul drop-down | Incearca-l |
| .tab-content | Împreună cu .tab-pane și data-toggle="tab" (data-toggle="pill" for pills) de data-toggle="tab" (data-toggle="pill" for pills) - data-toggle="tab" (data-toggle="pill" for pills) de data-toggle="tab" (data-toggle="pill" for pills) , face filelor / pastila toggable | Incearca-l |
| .tab-pane | Împreună cu .tab-content și data-toggle="tab" (data-toggle="pill" for pills) de data-toggle="tab" (data-toggle="pill" for pills) - data-toggle="tab" (data-toggle="pill" for pills) de data-toggle="tab" (data-toggle="pill" for pills) , face filelor / pastila toggable | Incearca-l |
Breadcrumb și paginare
| Clasă | Descriere | Exemplu |
|---|
| .breadcrumb | Face o cale de navigare | Incearca-l |
| .pager | Oferă legături simple de paginare (Previous/Next) | Incearca-l |
| .previous | Aliniaza .pager butonul anterior spre stânga | Incearca-l |
| .next | Aliniaza .pager butonul de lângă dreapta | Incearca-l |
| .disabled | Indică o legătură da clic | Incearca-l |
| .pagination | Oferă link-uri paginare | Incearca-l |
| .pagination-lg | Folosit împreună cu .pagination clasa pentru a furniza link - uri mai mari paginare | Incearca-l |
| .pagination-sm | Folosit împreună cu .pagination clasa pentru a furniza link - uri mai mici paginare | Incearca-l |
| .disabled | Indică o legătură da clic | Incearca-l |
| .active | Indică pagina curentă | Incearca-l |
etichete
| Clasă | Descriere | Exemplu |
|---|
| .label label-default | Indică o etichetă implicită gri | Incearca-l |
| .label label-primary | Indică o etichetă albastră de tip "primary" | Incearca-l |
| .label label-success | Indică o etichetă verde , de tip "success" | Incearca-l |
| .label label-info | Indică o etichetă de culoare albastru deschis de tip "info" | Incearca-l |
| .label label-warning | Indică o etichetă galbenă de tip "warning" | Incearca-l |
| .label label-danger | Indică o etichetă roșie de tip "danger" | Incearca-l |
| .badge | Indică elemente noi sau necitite | Incearca-l |
| .jumbotron | Indică o cutie mare pentru a atrage atenția suplimentară conținutului sau a informațiilor recomandate | Incearca-l |
| .jumbotron (extra) | Pentru a permite .jumbotron caseta întinde pe întreaga lățime, și fără colțuri rotunjite, puneți - l în afara .container clasei | Incearca-l |