Următorul cod arată un exemplu de acest lucru:

 
Tab. 1
 
Tab 2
 
Tab 3
 
 
 
 
Realizăm, credem noi, că ne reînnoim
 
Prin rafinare, trăim ... 
 
 
 
Există suprastructuri în patru dimensiuni
 
Astăzi, știința ne spune că ... 
 
 
 
Scopul câmpurilor morfogenetice este de a planta ... 
 
Tu și cu mine suntem forme de viață ale supunului cuantic ... 
 
 

Controlul filelor nu are un constructor care să ia opțiuni în modul în care are loc modalitatea, dar are un apel API, astfel încât să puteți spune ce tabelă să fie afișată programabil. Pentru a face acest lucru, trebuie doar să utilizați jQuery pentru a selecta selectorul corespunzător și apoi apelați Fila ( „spectacol“) pe el. După ce ați terminat, fișierele dvs. vor face automat fila de referință cea selectată. Ca și în modals (și altele), există evenimente disponibile pentru a vă spune când lucrurile se schimbă; detaliile și parametrii fiecărui apel pot fi găsiți în documentele BS3.

Instrumente și Popovers

Toată lumea îi iubește pe tooltips - simple etichete simple pop-up care pot fi utilizate pentru ajutor și multe alte sarcini simple, descriptive.

Folosirea unui indicator în BS3 este incredibil de ușoară. Pur și simplu atribui un atribut de date de comutare cu valoarea tooltip la orice element HTML standard pe care doriți să îl afișați. Pentru a defini textul pentru tooltip, adăugați un atribut titlu care conține textul dorit și, opțional, adăugați un atribut de date numit plasare conținând valoarea stânga, top, fund, sau dreapta după cum este necesar, în funcție de direcția pe care doriți să o afișați.

Următorul cod va crea un buton simplu, cu o sugestie atașată la partea sa de sus:

Butonul cu buton de ajutor 

Există o avertisment de mici dimensiuni care se aplică la sfaturile de instrucțiuni, dar nu se aplică nici unui alt element: trebuie să inițiați singur instrucțiunile. Puteți parcurge diverse opțiuni în ele în același timp (la fel ca în cazul modalelor), dar TREBUIE să le inițializați sau să nu apară sfaturile de instrument.

Pentru a inițializa butonul afișat în exemplul anterior, plasați următoarea linie de JavaScript undeva în pagină, astfel încât să fie rulat odată ce DOM este gata și butonul este creat:

$ ( '# Mybutton') tooltip ().;

Depinde în întregime de dvs. cum selectați fiecare dintre butoanele dvs. Ați putea, de exemplu, să le selectați pe toate prin tipul lor de element, dar trebuie să apelați tooltip () pe fiecare element care are atașat un instrumenttip.

Dacă totul funcționează conform așteptărilor, ar trebui să vedeți ceva de genul:

Închide în spatele simbolului umil de umbră vine popover, și ca instrumenttip, acesta trebuie inițializat manual cu un apel la popover (). Principala diferență dintre un pop-up și un instrumenttip este că popoverii pot deține mai mult conținut decât un simbol.

Un tipar de instrumente are de obicei doar o singura linie simpla de text, in timp ce un popup este mai mare si poate contine mai multe elemente HTML, variind de la paragrafe la butoane si imagini.

A doua diferență constă în faptul că elementul trebuie să fie apăsat înainte ca un popup să se afișeze, în timp ce un buton deget este automat la mușcare.

Creați un popup în același mod ca o sugestie, cu excepția faptului că conținutul pop-up este definit în interiorul unui atribut de date numit conţinut, si titlu atributul este folosit pentru a da o zonă de tip pop-up (similar cu modul în care zona de antet este folosită pe o componentă a panoului). Următorul cod arată cum se definește un popup simplu:

 Sunt un buton cu un pop peste 

Ca în cazul sugestiilor, undeva în pornirea documentului, trebuie să vă asigurați că ați inițializat componenta folosind ceva de genul:

$ ( '# Mybutton') popover ().;

De asemenea, la fel ca și în tooltip, puteți trece un obiect care conține opțiuni aici. Sunt multe disponibile, așa că, din nou, vă recomand să citiți documentele BS3 pentru a le învăța pe toate.

Dacă totul a funcționat, ar trebui să puteți reda pagina dvs. și să vedeți acest lucru:

Panouri pliante

Unul din lucrurile eliminate în BS3, din păcate, a fost componenta acordeonului pregătit. În locul ei, cu toate acestea, este ceva mai bun: panoul pliabil.

Folosind aceste panouri, este încă la fel de ușor să creați un acordeon standard, dar ele sunt acum și utilizabile separat, componente independente, permițându-vă să faceți lucruri cum ar fi crearea zonelor de pliere, barele de instrumente și multe altele.

Un lucru trebuie remarcat, totuși: dacă faceți o construcție personalizată, trebuie să vă asigurați că includeți și plugin-ul JavaScript de tranziție helper. Documentele BS3 au mai multe informații de care veți avea nevoie dacă faceți o construcție personalizată.

Pentru a crea un acordeon din panourile pliabile, pur și simplu trebuie să creați un exterior