Lecții privind crearea de file bootstrap file

Bootstrap sprijini orice număr de file, inclusiv meniul drop-down. Subfilele nu sunt acceptate.

exemple de file

Nu atrage bani femei. Nu sunt mașini și bijuterii. Nu sunt restaurante și haine scumpe. Nu-i putere, bogăție și eleganță. Și ce a făcut omul un puternic, bogat și elegant. Puterea investită într-o singură și total lipsit de alții.

Am încetat de mult să împartă oamenii în pozitive și negative. Eroi literari - chiar și cu atât mai mult. De asemenea, nu sunt sigur că în viața crimei este urmată inevitabil de pocăință, iar pentru feat - fericire. Avem ceea ce se simt.

În mod normal, du-te pentru a vizita, atunci când numele. Groaznic pentru a merge pentru a vizita atunci când acesta nu este numit. Cu toate acestea, cel mai bun - este atunci când este solicitat, și nu merge.

Lumea sa schimbat în bine imediat. La început am fost tulburat de țânțari. Unele lucruri lipicios strecurat în piciorul pantaloni. Și iarba părea umedă. Apoi, totul sa schimbat. Forest despărțit, m-au înconjurat și a luat în măruntaiele lui toridă. Am devenit pentru o vreme o parte a armoniei mondiale. Amărăciunea Rowan părea inseparabilă de mirosul de iarbă umedă. Frunze de deasupra capului ei ușor vibrat de un sunet tantar. Ca pe ecranul televizorului, care trece nori. Și chiar decorare pânză de păianjen uitat ... am fost gata să plângă, dar totuși știa că era influența alcoolului. Se poate vedea armonia zăceau în partea de jos a sticlei ...

Cum să utilizați?

Pentru a afișa o anumită filă, utilizați această metodă:

Notă ultima linie de cod: Tab numerotarea începe de la zero, astfel încât a treia filă va avea indexul 2.

Puteți face fără JS: pentru a începe file de lucru, pur și simplu adăugați atributul de date de comutare = „tab-ul“ sau date de comutare = elemente „pilula“. A se vedea, de exemplu, pentru a face mai clar.

Clasele .nav și .nav-file. care se adaugă la elementul de listă ul adăuga el stiluri filele Bootstrap. Și clasele .nav și .nav-pastile folosesc stiluri buton.

file de schimbare Smooth

Tab pentru a schimba nu imediat, dar ușor, adăugați clasa .fade la fiecare element al unei clase .tab-pane. Primul tab ar trebui să aibă, de asemenea, o clasă de .in. că conținutul său au fost vizibile atunci când se încarcă pagina.

Activează fila și conținutul containerului. Tab trebuie să aibă un atribut de date-țintă. a href. ceea ce ar indica selectorul containerului pe pagină. În exemplele de mai sus, toate filele sunt realizate cu ajutorul unor referințe cu atributele date de comutare = „tab-ul“.

.Fila ( „spectacol“)

Este adesea necesar să se efectueze anumite acțiuni pentru a schimba filele. In aceasta suntem ajutați de experiențele lor. Atunci când o nouă filă afișează evenimente au loc în această ordine:

  1. hide.bs.tab - în fila curentă
  2. show.bs.tab - pe cea care trebuie să fie afișată
  3. hidden.bs.tab - pe aceeași filă ca hide.bs.tab
  4. shown.bs.tab - fila nouă afișată, la fel ca și în show.bs.tab evenimentului

Înainte de faptul că nici unul dintre filele nu a fost activ, iar evenimentele hide.bs.tab nu hidden.bs.tab apar.

Descrierea evenimentului

„Date-POST_ID = "9632" date-user_id = "0"= "0" date-lang = "ro"-decom_comment_single_translate date is_need_logged-date = "comentariu"-decom_comment_twice_translate date = "comment" date-decom_comment_plural_translate = "komentarіv" date-multiple_vote = "1" date-text_lang_comment_deleted = 'komentarijah Vidal' date-text_lang_edited = "Vіdredagovano de" date-text_lang_delete = "Vidaliti"-text_lang_not_zero date = "câmpul nu este NULL" „câmp obov'yazkove Tse = text_lang_required-date. " = "Oberіt unul dintre punktіv" text_lang_checked-date = text_lang_completed-date "Operatsіyu completate" text_lang_items_deleted-date = "Ob'єkti Bulo Vidal" date-text_lang_close = "tip închis" date-text_lang_loading = "Zavantazhennya.">

Adăugați un comentariu

Vibachte pentru komentuvannya neobhіdno uvіyti.

3 comentariu

Vă mulțumesc, Nazar!
Am găsit lecțiile - citit pe o singură respirație.
Jos pălăria.

Copiii au fost sărituri, aplauze și strigând: Mai multe! Mai mult.

Mulțumesc mult. ) Vor fi mai multe tutoriale despre BS?

Da, există o stânga câteva, dar cele mai dificile.

zruchny Oberіt pentru tine sposіb pіdpiski

Pentru file în Bootstrap întâlnește fișierul tabs.js. Tab (sau file) pentru a partaja conținut și face posibilă pentru a afișa simultan doar o parte din ea, de poziționare pe comenzile de conținut.

Se pare că acesta este ultimul mesaj pe acest blog în limba rusă. Bit neașteptat după 8 ani de limbă rusă de distracție, nu?