Ikonografiýa, aşak düşýänler, giriş toparlary, nawigasiýa, duýduryşlar we başga-da köp zatlary üpjün etmek üçin gurlan ondan gowrak gaýtadan ulanylýan komponent.
Glifikler
Elýeterli glifler
“Glyphicon Halflings” toplumyndan şrift görnüşinde 250-den gowrak glif öz içine alýar. “ Glyphicons Halflings” adatça mugt elýeterli däl, ýöne döredijisi olary “Bootstrap” -a mugt elýeterli etdi. Sag boluň, diňe mümkin boldugyça Glyfikonlara baglanyşyk goşmagyňyzy haýyş edýäris .
glifikon glifikon-ýyldyz ýyldyzy
glifikon glifikon-plýus
glifikon glifikon-ýewro
glifikon glifikon-ýewr
glifikon glifikon-minus
glifikon glifikon-bulut
glifikon glifikon-konwert
glifikon glifikon-galam
glifikon glifikon-aýna
glifikon glifikon-saz
glifikon gözleg
glifikon glifikon-ýürek
glifikon glifikon-ýyldyz
glifikon glifikon-ýyldyz boş
glifikon glifikon ulanyjy
glifikon glifikon-film
glifikon
glifikon glifikon-th
glifikon glifikon-sanaw
glifikon glifikon-ok
glifikon glifikon-aýyrmak
glifikon glifikon-ulaltmak
glifikon glifikon-ulaltmak
glifikon
glifikon glifikon-signal
glifikon glifikon-sogan
glifikon glifikon-zibil
glifikon glifikon öýi
glifikon glifikon faýly
glifikon glifikon wagty
glifikon glifikon-ýol
glifikon glifikon-göçürip almak-alt
glifikon glifikon-göçürip almak
glifikon glifikon-ýüklemek
glifikon glifikon gutusy
glifikon glifikon-oýnamak
glifikon glifikon-gaýtalamak
glifikon glifikon-täzeleme
glifikon glifikon-list-alt
glifikon glifikon-gulp
glifikon glifikon-baýdak
glifikon glifikon-nauşnikler
glifikon glifikon-göwrümli
glifikon glifikon-ses pesligi
glifikon glifikonyň göwrümi
glifikon glifikon-krkod
glifikon glifikon-ştrih-kod
glifikon glifikon belligi
glifikon glifikon bellikleri
glifikon glifikon-kitap
glifikon glifikon-bellik
glifikon glifikon-çap
glifikon glifikon-kamera
glifikon glifikon-şrift
glifikon
glifikon glifikon-çyzykly
glifikon glifikon-tekst beýikligi
glifikon glifikon-tekst giňligi
glifikon glifikon-tekiz-çep
glifikon glifikon-tekizlemek merkezi
glifikon glifikon-tekiz-sag
glifikon glifikon-tekizlemek-aklamak
glifikon glifikon sanawy
glifikon glifikon-indent-çep
glifikon glifikon-indent-sag
glifikon glifikon-facime-wideo
glifikon glifikon-surat
glifikon glifikon-karta marker
glifikon glifikon-sazlamak
glifikon glifikon-reňk
glifikon glifikon-redaktirlemek
glifikon glifikon-paý
glifikon glifikon-barlag
glifikon glifikon-hereket
glifikon glifikon-ädim yza
glifikon glifikon-çalt yza
glifikon glifikon-yza
glifikon glifikon-oýun
glifikon glifikon-pauza
glifikon glifikon-duralga
glifikon
glifikon glifikon-çalt öňe
glifikon glifikon-ädim öňe
glifikon glifikon-çykarmak
glifikon glifikon-şewron-çep
glifikon glifikon-şewron-sag
glifikon glifikon-plýus belgisi
glifikon glifikon-minus belgisi
glifikon glifikon-aýyrmak belgisi
glifikon glifikon-ok-belgi
glifikon glifikon-sorag belgisi
glifikon glifikon-maglumat belgisi
glifikon glifikon-skrinshot
glifikon glifikon-aýyrmak
glifikon glifikon-ok-tegelek
glifikon glifikon-ban-tegelek
glifikon glifikon-ok-çep
glifikon glifikon-ok-sag
glifikon glifikon-ok
glifikon glifikon-ok-aşak
glifikon glifikon-paý-alt
glifikon glifikon-ölçegi doly
glifikon glifikon-ölçegi-kiçi
glifikon glifikon-ýüzlenme belgisi
glifikon glifikon-sowgat
glifikon glifikon ýapragy
glifikon glifikon oty
glifikon glifikon-göz açyk
glifikon glifikon-göz ýakyn
glifikon glifikon-duýduryş belgisi
glifikon glifikon-tekizlik
glifikon glifikon-senenama
glifikon glifikon-tötänleýin
glifikon glifikon-teswir
glifikon glifikon-magnit
glifikon glifikon-şewron-up
glifikon glifikon-şewron-aşak
glifikon glifikon-retweet
glifikon glifikon-söwda arabasy
glifikon glifikon-bukja ýakyn
glifikon glifikon bukjasy açyk
glifikon glifikon-ölçegi-dik
glifikon glifikon-ölçeg-keseligine
glifikon glifikon-hdd
glifikon glifikon-öküz şahy
glifikon glifikon-jaň
glifikon glifikon şahadatnamasy
glifikon glifikon-başam barmak
glifikon glifikon-barmak-aşak
glifikon el-sag
glifikon el-çep
glifikon glifikon
glifikon glifikon
glifikon glifikon-tegelek-ok-sag
glifikon glifikon-tegelek-ok-çep
glifikon glifikon-tegelek-ok
glifikon glifikon-tegelek-ok-aşak
glifikon glifikon-globus
glifikon glifikon-wena
glifikon glifikon-meseleler
glifikon glifikon-süzgüç
glifikon glifikon-portfel
glifikon glifikon-doly ekran
glifikon glifikon-dolandyryş paneli
glifikon glifikon-kagyz
glifikon glifikon-ýürek boş
glifikon glifikon-baglanyşyk
glifikon-telefon
glifikon glifikon-pushpin
glifikon glifikon-usd
glifikon glifikon-gbp
glifikon glifikon görnüşi
glifikon glifikon-tertip-elipbiý
glifikon glifikon-sort-by-elipbiý-alt
glifikon glifikon-tertip boýunça
glifikon glifikon-tertip-tertip-alt
glifikon glifikon-tertip-aýratynlyklar
glifikon glifikon-sort-by-atributlar-alt
glifikon glifikon barlanmadyk
glifikon glifikon-giňelmek
glifikon glifikon-ýykylmak
glifikon glifikon-çökmek
glifikon glifikon-giriş
glifikon glifikon-fleş
glifikon glifikondan çykmak
glifikon glifikon-täze penjire
glifikon glifikon ýazgysy
glifikon glifikony tygşytlamak
glifikon açyk
glifikon glifikon bilen tygşytlanýar
glifikon glifikon-import
glifikon glifikon-eksport
glifikon glifikon ibermek
glifikon glifikon-disket
glifikon glifikon-disketi tygşytlanýar
glifikon glifikon-disketi aýyrmak
glifikon glifikon-disketi tygşytlamak
glifikon glifikon-açyk
glifikon glifikon-kredit kartoçkasy
glifikon glifikon-geçiriş
glifikon glifikon-kesler
glifikon glifikon-sözbaşy
glifikon glifikon bilen gysylan
glifikon glifikon-nauşnik
glifikon glifikon-telefon-alt
glifikon glifikon diňi
glifikon glifikon-statistika
glifikon glifikon-sd-wideo
glifikon glifikon-hd-wideo
glifikon glifikon-subtitrler
glifikon glifikon-ses-stereo
glifikon glifikon-ses-dolbi
glifikon glifikon-ses-5-1
glifikon glifikon-ses-6-1
glifikon glifikon-ses-7-1
glifikon glifikon-awtorlyk hukugy belligi
glifikon glifikon-bellige alyş belligi
glifikon glifikon-bulut-göçürip almak
glifikon glifikon-bulut ýüklemek
glifikon glifikon-agaç-ýaprak
glifikon glifikon-agaç ýaprakly
glifikon glifikon-cd
glifikon glifikon-ýatda saklaýjy faýl
glifikon glifikon-açyk faýl
glifikon glifikon derejesi
glifikon glifikon-göçürme
glifikon glifikon-pasta
glifikon glifikon-duýduryş
glifikon glifikon-ekwalaýzer
glifikon glikon-şa
glifikon glifikon-şa aýal
glifikon lifon
glifikon glifikon-ýepiskop
glifikon glifikon-rysar
glifikon glifikon-çaga formulasy
glifikon glifikon-çadyr
glifikon glifikon-tagtasy
glifikon krowat
glifikon glikon-alma
glifikon glifikon-pozmak
glifikon glifikon-sagat aýna
glifikon glifikon-lampa
glifikon glifikon-dublikat
glifikon glifikon-doňuz banky
glifikon glifikon-gaýçy
glifikon glifikon-bitcoin
glifikon glifikon-btc
glifikon glifikon-xbt
glifikon glifikon-ýen
glifikon glifikon-jpy
glifikon glifikon-rubl
glifikon glifikon-rub
glifikon glikon masştaby
glifikon glifikon-buz-lolly
glifikon glifikon-buz-lolly tagamly
glifikon glifikon-bilim
glifikon glifikon-wariant-gorizontal
glifikon glifikon-wariant-dik
glifikon glifikon-menýu-gamburger
glifikon glifikon-modal-penjire
glifikon glifikon-ýag
glifikon glifikon-däne
glifikon glifikon-äýnek
glifikon glifikon-tekst ululygy
glifikon glifikon-tekst-reňk
glifikon glifikon-tekst-fon
glifikon glifikon-obýekt-align-top
glifikon glifikon-obýekt-tekizlemek-aşagy
glifikon glifikon-obýekt-tekiz-kesel
glifikon glifikon-obýekt-tekiz-çep
glifikon glifikon-obýekt-tekiz-dik
glifikon glifikon-obýekt-deňlemek-sag
glifikon glifikon-üçburç-sag
glifikon glifikon-üçburç-çep
glifikon glifikon-üçburçluk-aşaky
glifikon glifikon-üçburçluk-ýokarky
glifikon glifikon-konsol
glifikon glifikon-superscript
glifikon glifikon-abuna
glifikon glifikon-menýu-çep
glifikon glifikon-menýu-sag
glifikon glifikon-menýu-aşak
glifikon glifikon-menýu-up
Nähili ulanmak
Iş öndürijiligi sebäpli, ähli nyşanlaryň esasy synpy we aýratyn nyşan synpy talap edilýär. Ulanmak üçin aşakdaky kody islendik ýere ýerleşdiriň. Dogry ýerleşdirmek üçin nyşan bilen tekstiň arasynda boş ýer goýuň.
Beýleki komponentler bilen garyşmaň
Nyşan synplaryny beýleki komponentler bilen gönüden-göni birleşdirip bolmaz. Olary şol bir elementdäki beýleki synplar bilen bilelikde ulanmaly däl. Munuň ýerine, höwürtge goşuň <span>we nyşan synplaryny ulanyň <span>.
Diňe boş elementlerde ulanmak üçin
Nyşan sapaklary diňe tekst mazmuny bolmadyk we çaga elementleri bolmadyk elementlerde ulanylmaly.
Nyşan şriftiniň ýerini üýtgetmek
../fonts/“Bootstrap”, nyşan şrift faýllarynyň düzülen CSS faýllaryna garanyňda katalogda ýerleşjekdigini çaklaýar . Şol şrift faýllaryny üýtgetmek ýa-da adyny üýtgetmek CSS-ni üç usulyň birinde täzelemegi aňladýar:
@icon-font-pathÇeşmedäki we / ýa-da @icon-font-nameüýtgeýjileri az faýllary üýtgediň .
Developmentörite ösüş gurnamaňyza laýyk gelýän islendik warianty ulanyň.
Elýeterli nyşanlar
Kömekçi tehnologiýalaryň häzirki zaman wersiýalary CSS-iň döreden mazmunyny, şeýle hem ýörite icunikod nyşanlaryny yglan eder. Ekranyň okyjylarynda meýilleşdirilmedik we bulaşyk çykyşlardan gaça durmak üçin (esasanam nyşanlar diňe bezeg üçin ulanylanda), olary aria-hidden="true"atribut bilen gizleýäris.
Manysyny bermek üçin nyşan ulanýan bolsaňyz (diňe bezeg elementi hökmünde däl), bu manynyň kömekçi tehnologiýalara-da ýetirilendigine göz ýetiriň - mysal üçin .sr-onlysynp bilen wizual gizlenen goşmaça mazmuny goşuň.
Başga teksti bolmadyk dolandyryş elementlerini döredýän bolsaňyz (meselem <button>, diňe nyşany öz içine alýan), dolandyryşyň maksadyny kesgitlemek üçin elmydama alternatiw mazmun bermeli, bu kömekçi tehnologiýalary ulanýanlara manyly bolar. aria-labelBu ýagdaýda dolandyryşyň özüne bir atribut goşup bilersiňiz .
Mysallar
Gurallar paneli, nawigasiýa ýa-da deslapky görnüş girişleri üçin düwmelerde, düwme toparlarynda ulanyň.
Duýduryşda säwlik habaryny bermek üçin ulanylýan nyşan .sr-only, kömekçi tehnologiýalary ulanyjylara bu habary bermek üçin goşmaça tekst bilen.
Roralňyşlyk:Dogry e-poçta salgysyny giriziň
Açylýan ýerler
Salgylaryň sanawlaryny görkezmek üçin üýtgedip bolýan, kontekst menýu. Açylýan JavaScript plugin bilen interaktiw ýasaldy .
Mysal
Açylýan düwmäni we açylýan menýuny .dropdownýa-da yglan edýän başga bir elementi örtüň position: relative;. Soňra menýu HTML-i goşuň.
Düzgüne görä, açylýan menýu awtomatiki usulda ýokardan we ene-atasynyň çep tarapynda 100% ýerleşdirilýär. Açylýan menýuny saga deňleşdirmek üçin saga .dropdown-menu-rightgoşuň ..dropdown-menu
Goşmaça ýerleşiş talap edip biler
Açylýan ýerler resminamanyň adaty akymynyň içinde awtomatiki usulda CSS arkaly ýerleşdirilýär. Diýmek, aşak düşýänler ene-atalar tarapyndan belli bir overflowhäsiýetlere eýe bolup biler ýa-da görüniş çäginden çykyp biler. Bu meseleleri ýüze çykanlarynda özbaşdak çözüň.
Könelişen .pull-rightdeňleşdirme
V3.1.0 bolşy ýaly, .pull-rightaşak düşýän menýulary ýatyrdyk. Menýu sag-deňleşdirmek üçin ulanyň .dropdown-menu-right. Deňiz panelindäki sag deňleşdirilen nav komponentleri menýuny awtomatiki tertipleşdirmek üçin bu synpyň garyndy görnüşini ulanýarlar. Ony ýok etmek üçin ulanyň .dropdown-menu-left.
Sözbaşylar
Islendik açylýan menýuda hereketleriň bölümlerini bellemek üçin sözbaşy goşuň.
Düwmeleriň toparyny bir setirde bir topar düwmäni toparlaň. Düwmelerimiziň pluginleri bilen goşmaça JavaScript radio we bellik gutusynyň stilini goşuň .
Düwmeler toparlaryndaky gurallar we açyjylar ýörite sazlamany talap edýär
A içindäki elementlerde gurallar ýa-da açarlary ulananyňyzda .btn-group, islenmeýän zyýanly täsirlerden gaça durmak üçin opsiýany görkezmeli bolarsyňyz container: 'body'(meselem, gural giňelýär we / ýa-da gural görkezijisi ýa-da açylanda tegelek burçlaryny ýitirýär).
Dogrydygyna göz ýetiriň rolewe bellik beriň
Ekranyň okyjylary ýaly kömekçi tehnologiýalaryň bir topar düwmäniň toparlanandygyny habar bermek üçin degişli roleatribut berilmelidir. Düwme toparlary üçin bu bolar role="group", gurallar panelinde a bolmaly role="toolbar".
Mundan başga-da, toparlara we gurallar paneline aç-açan bellik berilmelidir, sebäbi dogry roleatributyň bardygyna garamazdan, kömekçi tehnologiýalaryň köpüsi olary yglan etmez. Bu ýerde getirilen mysallarda ulanýarys aria-label, ýöne alternatiwalar aria-labelledbyhem ulanylyp bilner.
Esasy mysal
Düwmeleriň bir toparyny .btnörtüň .btn-group.
Düwme gurallar paneli
Toplumlary has çylşyrymly komponentler üçin <div class="btn-group">birleşdiriň .<div class="btn-toolbar">
Ölçeg
Topardaky her düwmä düwme ölçeg synplaryny ulanmagyň ýerine, .btn-group-*hersine goşuň .btn-group, şol sanda birnäçe topara höwürtge goşanyňyzda.
Höwürtge
Birnäçe düwmeler bilen garylan açylan menýulary isläniňizde .btn-groupbaşga biriniň içine goýuň ..btn-group
Ene-atasynyň ähli giňligini aýlamak üçin düwmeler toparyny deň ölçegde uzadyň. Şeýle hem düwme toparyndaky düwmeleriň açylmagy bilen işleýär.
Serhetleri dolandyrmak
Düwmeleri (ýagny) aklamak üçin ulanylýan ýörite HTML we CSS sebäpli display: table-cellolaryň arasyndaky serhetler iki esse artýar. Adaty düwme toparlarynda margin-left: -1pxserhetleri aýyrmagyň ýerine serhetleri düzmek üçin ulanylýar. Şeýle-de bolsa, marginişlemeýär display: table-cell. Netijede, “Bootstrap” -daky aýratynlyklaryňyza baglylykda serhetleri aýyrmak ýa-da reňklemek isläp bilersiňiz.
IE8 we serhetler
<a>Internet Explorer 8, açyk ýa- da <button>elementlere garamazdan, dogry düwme toparyndaky düwmelerde serhet görkezmeýär . Bu meseläni çözmek üçin her düwmäni başga birine örtüň .btn-group.
Elementler düwmeler hökmünde hereket etmek üçin <a>ulanylsa - häzirki sahypadaky başga bir resminama ýa-da bölüme geçmegiň ýerine, sahypanyň işlemegine itergi berýän bolsa - olara degişli hem berilmelidir role="button".
<button>Elementler bilen
<button>Elementler bilen esaslandyrylan düwme toparlaryny ulanmak üçin her düwmäni bir düwme toparyna dolamaly . Brauzerleriň köpüsi elementleri aklamak üçin CSS-ni dogry ulanmaýarlar <button>, ýöne düwmäniň açylmagyny goldaýandygymyz sebäpli, bu meselede işläp bileris.
Düwmeleriň açylmagy
Açylýan menýuny açmak .btn-groupwe degişli menýu belligini üpjün etmek üçin islendik düwmäni ulanyň.
Islendik tekste esaslanýan, soň ýa-da iki tarapynda tekst ýa-da düwmeler goşmak bilen forma dolandyryşlaryny giňeldiň <input>. .input-groupBir elementi goşmak ýa- .input-group-addonda goşmak üçin ulanyň ..input-group-btn.form-control
Diňe tekst <input>s
Bu ýerde elementleri ulanmakdan gaça duruň, <select>sebäbi olar WebKit brauzerlerinde doly ýazylyp bilinmez.
<textarea>Bu ýerde elementleri ulanmakdan gaça duruň, sebäbi rowskäbir ýagdaýlarda olaryň häsiýeti hormatlanmaz.
Giriş toparlaryndaky gurallar we açyjylar ýörite sazlamany talap edýär
Içindäki elementlerde gurallar ýa-da açarlary ulananyňyzda , islenilmeýän täsirlerden gaça durmak .input-groupüçin opsiýany görkezmeli bolarsyňyz (meselem, elementiň has giňelmegi we / ýa-da gural görkezijisi ýa-da açylanda tegelek burçlaryny ýitirmek).container: 'body'
Beýleki komponentler bilen garyşmaň
Forma toparlaryny ýa-da gözenek sütün synplaryny göni giriş toparlary bilen garyşdyrmaň. Muňa derek, giriş toparyny forma toparynyň ýa-da gözenegiň elementiniň içinde höwürtge dörediň.
Elmydama bellikleri goşuň
Her giriş üçin bellik goşmasaňyz, ekran okyjylary formalaryňyzda kynçylyk çekerler. Bu giriş toparlary üçin islendik goşmaça belligiň ýa-da işlemegiň kömekçi tehnologiýalara ýetirilendigine göz ýetiriň.
Ulanyljak takyk tehnika (görünýän <label>elementler, synpy <label>ulanyp gizlenýän elementler , ýa-da , ýa - da atributyň ulanylmagy) we haýsy goşmaça maglumat berilmelidigi, ýerine ýetirýän interfeýs widjetiniň takyk görnüşine görä üýtgeýär. Bu bölümdäki mysallar teklip edilen, mysal üçin birnäçe çemeleşmäni üpjün edýär..sr-onlyaria-labelaria-labelledbyaria-describedbytitleplaceholder
Esasy mysal
Girişiň iki gapdalynda bir goşmaçany ýa-da düwmäni goýuň. Girişiň iki gapdalynda hem ýerleşdirip bilersiňiz.
Bir tarapda birnäçe goşmaçalary ( .input-group-addonýa -da) goldamaýarys ..input-group-btn
Bir giriş toparynda birnäçe forma dolandyryşlaryny goldamaýarys.
Ölçeg
Özüne deňeşdirilen forma ölçeg synplaryny goşuň .input-groupwe içindäki mazmun awtomatiki usulda üýtgär - her elementde forma gözegçilik ölçeg synplaryny gaýtalamagyň zerurlygy ýok.
Bellikler we radio goşundylary
Islendik bellik gutusyny ýa-da radio opsiýasyny tekstiň ýerine giriş toparynyň goşmaçasynyň içinde goýuň.
Düwme düwmeleri
Giriş toparlaryndaky düwmeler birneme üýtgeşik we bir goşmaça höwürtge talap edýär. Munuň ýerine düwmeleri dolamak .input-group-addonüçin ulanmaly bolarsyňyz . .input-group-btnBu, ýazylyp bilinmeýän brauzer stilleri sebäpli talap edilýär.
Açylýan düwmeler
Bölünen düwmeler
Birnäçe düwme
Her tarapa diňe bir goşmaçasy bolup bilse-de, biriniň içinde birnäçe düwme bolup biler .input-group-btn.
Deňiz güýçleri
“Bootstrap” -da bar bolan deňiz güýçleri, esasy .navsynpdan başlap, umumy ýagdaýlardan başlap umumy bellikleri paýlaşdy. Her stiliň arasynda geçmek üçin üýtgediji synplary çalyşyň.
Salgy panelleri üçin nav ulanmak JavaScript goýmalarynyň pluginini talap edýär
Nawigasiýa hökmünde ulanylýan deňiz gämilerini elýeterli ediň
Nawigasiýa zolagyny üpjün etmek üçin deňiz gämilerini ulanýan bolsaňyz role="navigation", iň logiki ene konteýnerine goşuň <ul>ýa-da <nav>tutuş nawigasiýa elementini gurşap alyň. Roly özüne goşmaň <ul>, sebäbi bu kömekçi tehnologiýalar arkaly hakyky sanaw hökmünde yglan edilmeginiň öňüni alar.
Salgylar
.nav-tabsSynpyň esasy synpy talap edýändigine üns beriň .nav.
Tablisa ýa-da tabletkalary 768px-den has giň ekranlarda ene-atasynyň deň giňligini ýasamak .nav-justified. Has kiçi ekranlarda deňiz baglanyşyklary ýerleşdirilen.
Dogry navbar nav baglanyşyklary häzirki wagtda goldanylmaýar.
Safari we jogap beriji esasly deňizler
V9.1.2 ýagdaýyna görä, Safari brauzeriňizi keseligine üýtgetmek, täzelenenden soň arassalanan esaslandyrylan deňizde ýalňyşlyklaryň ýüze çykmagyna sebäp bolýan näsazlygy görkezýär. Bu näsazlyk esaslandyrylan nav mysalynda hem görkezilýär .
Navbars, programmaňyz ýa-da sahypaňyz üçin nawigasiýa sözbaşylary bolup hyzmat edýän meta komponentleridir. Jübi görnüşlerinde ýykylyp başlaýar (we üýtgedip bolýar) we elýeterli görnüş giňligi artdygyça keseligine öwrülýär.
Dogry navbar nav baglanyşyklary häzirki wagtda goldanylmaýar.
Artýan mazmun
“Bootstrap” deňiz paneliňizdäki mazmunyň näçeräk ýer talap edýändigini bilmeýändigi sebäpli, ikinji hatara mazmuny goşmak bilen baglanyşykly meselelere baş goşup bilersiňiz. Bu meseläni çözmek üçin edip bilersiňiz:
Nawbar elementleriniň mukdaryny ýa-da inini azaltmak.
Navoluňyzyň ýykylan we keseligine re betweenimiň arasynda geçýän nokadyny üýtgediň. Üýtgeýjini sazlaň @grid-float-breakpointýa-da öz media talapyňyzy goşuň.
JavaScript pluginini talap edýär
JavaScript ýapyk bolsa we görnüş paneli ýykyljak derejede dar bolsa, deňiz panelini giňeltmek we içindäki mazmuny görmek mümkin bolmaz.navbar-collapse .
Düşünjeli gämi paneli, ýykylan pluginiň Bootstrap wersiýaňyza goşulmagyny talap edýär.
Mobileykylan ykjam navbar nokadyny üýtgetmek
Deňiz paneli, görüniş nokady has dar bolanda, dik ykjam görnüşine çökýär @grid-float-breakpointwe görüniş nokady iň bolmanda @grid-float-breakpointini bolanda gorizontal ykjam däl görnüşine giňelýär. Deňiz paneli ýykylanda / giňeldilende gözegçilik etmek üçin Az çeşmede bu üýtgeýjini sazlaň. Bellenen baha 768px(iň kiçi "kiçi" ýa-da "planşet" ekrany).
Gämi duralgalaryny elýeterli ediň
Bir elementi ulanmagy unutmaň <nav>ýa-da a ýaly has umumy elementi ulanýan bolsaňyz , kömekçi tehnologiýalary ulanýanlar üçin möhüm sebit hökmünde aç-açan kesgitlemek üçin her deňiz paneline <div>bir goşuň .role="navigation"
Marka şekili
Nawbar markasyny teksti çalşyp, öz suratyňyz bilen çalyşyň <img>. Özüniň örtügi we beýikligi bolansoň .navbar-brand, suratyňyza baglylykda käbir CSS-leri ýok etmeli bolmagyňyz mümkin.
Formalar
.navbar-formDüz dikligine deňleşdirmek we dar görnüşdäki çöken hereketler üçin forma mazmunyny ýerleşdiriň . Deňiz paneliniň mazmunynyň nirede ýerleşýändigini kesgitlemek üçin deňleşdiriş opsiýalaryny ulanyň.
Başlyk hökmünde .navbar-formkodunyň köp bölegini .form-inlinemixin bilen paýlaşýar. Käbir forma dolandyryşlary, giriş toparlary ýaly, deňiz panelinde dogry görkezilmegi üçin kesgitli giňlikleri talap edip biler.
Her giriş üçin bellik goşmasaňyz, ekran okyjylary formalaryňyzda kynçylyk çekerler. .sr-onlyBu içerki görnüşler üçin ýazgylary synpy ulanyp gizläp bilersiňiz . aria-labelKömekçi tehnologiýalar üçin bellik bermek ýa - aria-labelledbyda titleatribut ýaly başga alternatiw usullar bar . Bularyň hiç biri ýok bolsa, ekran okyjylary bar bolsa, placeholderatributdan peýdalanyp bilerler, ýöne bellik placeholderetmegiň beýleki usullaryny çalyşmak hökmünde ulanmak maslahat berilmeýändigini ýadyňyzdan çykarmaň.
Düwmeler
Deňiz panelinde dikligine merkezleşdirmek üçin .navbar-btnsynpy <button>ýaşamaýan elementlere goşuň .<form>
Kontekst aýratyn ulanylyşy
Adaty düwme synplary ýaly , elementlerde hem .navbar-btnulanylyp bilner . Şeýle-de bolsa, içindäki elementlerde ne adaty düwme synplary ulanylmaly däldir .<a><input>.navbar-btn<a>.navbar-nav
Tekst
Tekstiň setirlerini .navbar-text, adatça, <p>öňdebaryjy we reňk üçin bellikde bir element bilen örtüň.
Deňiz däl baglanyşyklar
Adaty nawigasiýa nawigasiýa komponentiniň içinde bolmadyk adaty baglanyşyklary ulanýan adamlar .navbar-linküçin, adaty we ters deňiz paneli opsiýalary üçin laýyk reňk goşmak üçin synpy ulanyň.
Komponentleriň deňleşdirilmegi
Naw baglanyşyklaryny, formalaryny, düwmelerini ýa-da tekstini peýdaly .navbar-leftýa-da .navbar-rightpeýdaly synplary deňleşdiriň. Iki synp hem görkezilen ugurda CSS ýüzüşini goşar. Mysal üçin, deňiz baglanyşyklaryny deňleşdirmek üçin <ul>ulanylýan degişli peýdaly synp bilen aýratyn goýuň.
Bu synplar garyşyk görnüşli .pull-leftwe .pull-right, ýöne enjam ölçeglerinde deňiz paneli komponentlerini has aňsat işlemek üçin media soraglaryna berilýär.
Birnäçe komponenti dogry deňleşdirmek
Gämi duralgalarynda häzirki wagtda birnäçe .navbar-rightsynp bilen çäklendirme bar. .navbar-rightMazmuny dogry ýerleşdirmek üçin soňky elementde negatiw margin ulanýarys . Şol synpy ulanýan birnäçe element bar bolsa, bu çäkler göz öňünde tutulan ýaly işlemeýär.
Şol komponenti v4-de täzeden ýazyp bileris.
Topokarky
Orta ýa-da pad navbar mazmunyny goşuň .navbar-fixed-topwe goşuň..container.container-fluid
Beden ýassygy zerur
paddingKesgitli deňiz paneli , ýokarsyna goşmasaňyz, beýleki mazmunyňyzy örter <body>. Öz gymmatlyklaryňyzy synap görüň ýa-da aşakdaky parçamyzy ulanyň. Maslahat: Düzgüne görä, deňiz paneli 50px beýikdir.
“Bootstrap CSS” -den soň muny goşuň.
Aşakdan düzedildi
Orta ýa-da pad navbar mazmunyny goşuň .navbar-fixed-bottomwe goşuň..container.container-fluid
Beden ýassygy zerur
paddingKesgitli deňiz paneli , aşagyna goşmasaňyz, beýleki mazmunyňyzy örter <body>. Öz gymmatlyklaryňyzy synap görüň ýa-da aşakdaky parçamyzy ulanyň. Maslahat: Düzgüne görä, deňiz paneli 50px beýikdir.
“Bootstrap CSS” -den soň muny goşuň.
Statik ýokarky
Doly giňlikdäki navbar dörediň, sahypa ýa-da merkezi we pad navbar mazmunyny goşmak .navbar-static-topwe goşmak bilen sahypa bilen aýlanýar..container.container-fluid
Sapaklardan tapawutlylykda, .navbar-fixed-*üstünde haýsydyr bir padding üýtgetmegiň zerurlygy ýok body.
Tersine deňiz paneli
Goşmak arkaly deňiz paneliniň görnüşini üýtgediň .navbar-inverse.
Çörek bölekleri
Nawigasiýa iýerarhiýasynyň içinde häzirki sahypanyň ýerleşişini görkeziň.
Sahypaňyz ýa-da programmaňyz üçin köp sahypaly sahypa sahypasy ýa-da has ýönekeý peýjer alternatiwasy bilen sahypa baglanyşyklaryny beriň .
Bellenen sahypa
Rdio tarapyndan ylhamlanan ýönekeý sahypa, programmalar we gözleg netijeleri üçin ajaýyp. Uly bloky sypdyrmak kyn, aňsatlyk bilen ulalýar we uly basmak meýdançalaryny üpjün edýär.
Sahypanyň komponentini bellemek
Sahypa komponenti, <nav>okyjylary we beýleki kömekçi tehnologiýalary ekranlaşdyrmak üçin nawigasiýa bölümi hökmünde kesgitlemek üçin bir element bilen örtülmelidir. Mundan başga-da, sahypada eýýäm birden köp nawigasiýa bölüminiň bolmagy ähtimal (sözbaşydaky esasy nawigasiýa ýa-da gapdal nawigasiýa ýaly), maksadyny görkezýän beýany aria-labelbermek maslahat berilýär. <nav>Mysal üçin, gözleg netijeleriniň toplumynyň arasynda gezmek üçin sahypa sahypasy ulanylsa, degişli bellik bolup biler aria-label="Search results pages".
Maýyp we işjeň ýagdaýlar
Salgylar dürli ýagdaýlar üçin düzülip bilner. .disabledÇekip bolmaýan baglanyşyklar we .activehäzirki sahypany görkezmek üçin ulanyň .
<span>Göz öňünde tutulan stilleri saklamak bilen basmak funksiýasyny aýyrmak üçin işjeň ýa-da ýapyk labyrlary çalyşmagy ýa-da öňki / indiki oklar bolan ýagdaýynda labyry taşlamagyňyzy maslahat berýäris .
Ölçeg
Ulymy ýa-da kiçi sahypa? Goşmaça ululyklar üçin .pagination-lggoşuň ..pagination-sm
Pager
Lightagtylyk belligi we stili bilen ýönekeý sahypany durmuşa geçirmek üçin çalt öňki we indiki baglanyşyklar. Blog ýa-da magazinesurnal ýaly ýönekeý saýtlar üçin ajaýyp.
Bellenen mysal
Düzgüne görä, peýjer merkezleri baglanyşýar.
Deňdirilen baglanyşyklar
Ativea-da bolmasa, her baglanyşygy gapdallara deňleşdirip bilersiňiz:
Meýletin maýyp ýagdaý
Peýjer baglanyşyklary, sahypadan umumy .disabledpeýdaly synpy hem ulanýar.
Bellikler
Mysal
Täze sözbaşy
Täze sözbaşy
Täze sözbaşy
Täze sözbaşy
Täze sözbaşy
Täze sözbaşy
Elýeterli üýtgeşiklikler
Etiketkanyň daşky görnüşini üýtgetmek üçin aşakda görkezilen üýtgediji synplaryň islendigini goşuň.
Bellenen başlangyç üstünlik barada duýduryş howpy
Birnäçe tonna ýazgy barmy?
Dar konteýneriň içinde hersiniň öz inline-blockelementini (nyşan ýaly) öz içine alýan onlarça ýazgy ýazgylary bar bolsa, hödürlemek meselesi ýüze çykyp biler. Munuň ýoly düzülýär display: inline-block;. Kontekst we mysal üçin # 13219 serediň .
Nyşanlar
<span class="badge">Salgylara, “Bootstrap navs” we ş.m. goşmak arkaly täze ýa-da okalmadyk zatlary aňsatlyk bilen tapawutlandyryň .
“Jumbotron” -yň doly giňligini we tegelek burçlary bolmazdan, ony ähli .containersleriň daşynda goýuň we ýerine içini goşuň .container.
Sahypanyň sözbaşy
h1Bir sahypadaky mazmun bölümlerini ýerlikli ýerleşdirmek üçin ýönekeý gabyk . Beýleki komponentleriň köpüsi ýaly (goşmaça stiller bilen) h1deslapky elementi ulanyp biler .small
Dürli beýiklikdäki we / ýa-da giňlikdäki kiçijik suratlaryň Pinterest ýaly görkezilişini gözleýän bolsaňyz, Masonry , Isotope ýa-da Salvattore ýaly üçünji tarap pluginini ulanmaly bolarsyňyz .
Bellenen mysal
Düzgüne görä, “Bootstrap” -yň kiçi suratlary, iň az zerur bellik bilen baglanyşykly suratlary görkezmek üçin döredildi.
Omörite mazmun
Birneme goşmaça bellik bilen, kiçi sözbaşylara, abzaslara ýa-da düwmelere meňzeş HTML mazmunyny goşmak mümkin.
Surat eseri
Cras justo odio, dapibus ac facilisis, egestas eget quam. Donec id elit metus-da mi porta gravida. Nullam id dolor id nibh ultricies ulag serişdesi.
Elýeterli we çeýe duýduryş habarlary bilen adaty ulanyjy hereketleri üçin kontekstli jogap habarlaryny beriň.
Mysallar
Esasy duýduryş habarlary üçin islendik teksti we islege bagly işden aýyrmak düwmesini .alertwe dört kontekst synpyň birine (meselem ) ýapyň..alert-success
Bellenen synp ýok
Duýduryşlarda başlangyç synplar ýok, diňe esasy we üýtgediji synplar bar. Adaty çal duýduryş kän bir many bermeýär, şonuň üçin bir görnüşi kontekst synpy arkaly görkezmeli. Üstünlikden, maglumatdan, duýduryşdan ýa-da howpdan saýlaň.
Berekella! Bu möhüm duýduryş habaryny üstünlikli okadyňyz.
Başlar! Bu duýduryş siziň ünsüňize mätäç, ýöne bu gaty möhüm däl.
Duýduryş! Özüňizi barlaň, gaty gowy görünmeýärsiňiz.
Aý, gysga! Birnäçe zady üýtgediň we täzeden tabşyrmaga synanyşyň.
Bölünip bilinmeýän duýduryşlar
.alert-dismissibleIslege görä we ýapmak düwmesini goşup, islendik duýduryşda guruň .
Simpleönekeý, ýöne çeýe ösüş çyzgylary bilen iş prosesiniň ýa-da hereketiň gidişi barada iň täze pikirleri beriň.
Brauzeriň gabat gelmegi
Ösüş barlary, käbir täsirlerine ýetmek üçin CSS3 geçişlerini we animasiýalaryny ulanýarlar. Bu aýratynlyklar Internet Explorer 9-da we Firefox-yň aşaky ýa-da köne wersiýalarynda goldanylmaýar. Opera 12 animasiýalary goldamaýar.
Mazmun howpsuzlygy syýasaty (CSP) utgaşyklygy
Web sahypaňyzda Mazmun Howpsuzlyk Syýasaty (CSP) bar bolsa , aşakdaky mysallarda görkezilişi ýaly ösüş çyzgylarynyň giňligini kesgitlemek style-src 'unsafe-inline'üçin içerki atributlary ulanyp bilmersiňiz . styleGaty CSP-lere laýyk gelýän giňlikleri kesgitlemegiň alternatiw usullary, birneme adaty JavaScript (sazlaýar element.style.width) ýa-da ýörite CSS synplaryny ulanmagy öz içine alýar.
Esasy mysal
Bellenen öňegidişlik paneli.
60% Doly
Bellik bilen
Görünýän göterimi görkezmek üçin öňegidişlik setirinden synpy <span>aýyryň ..sr-only
60%
Etiketkanyň tekstiniň hatda pes göterimlerde-de düşnükli bolmagyny üpjün etmek üçin min-widthöňegidişlik setirine goşmagy göz öňünde tutuň.
0%
2%
Kontekst alternatiwalary
Ösüş panelleri yzygiderli stil üçin şol bir düwmäni we duýduryş sapaklaryny ulanýar.
40% Doly (üstünlik)
20% Doly
60% Doly (duýduryş)
80% Doly (howp)
Zolakly
Zolakly effekt döretmek üçin gradient ulanýar. IE9 we aşakda ýok.
40% Doly (üstünlik)
20% Doly
60% Doly (duýduryş)
80% Doly (howp)
Animasiýa
Zolaklary sagdan çepe janlandyrmak üçin .activegoşuň . .progress-bar-stripedIE9 we aşakda ýok.
45% Doly
Toplanan
Toplamak üçin birnäçe barlary şol bir ýere goýuň .progress.
35% Doly (üstünlik)
20% Doly (duýduryş)
10% Doly (howp)
Mediýa obýekti
Tekstiň mazmuny bilen birlikde çep ýa-da sag tarapdaky şekili görkezýän dürli görnüşli komponentleri gurmak üçin abstrakt obýekt stilleri (blog teswirleri, twitler we ş.m.).
Bellenen metbugat
Adaty media mazmun blokynyň çep ýa-da sag tarapynda media obýektini (suratlar, wideo, ses) görkezýär.
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. “Donec lacinia congue felis”.
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. “Donec lacinia congue felis”.
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. “Donec lacinia congue felis”.
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis.
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis.
Sapaklar .pull-lefthem .pull-rightbar, öňem media komponentiniň bir bölegi hökmünde ulanylýardy, ýöne v3.3.0 ulanylyşy üçin köneldi. Olar takmynan ekwiwalentdir .media-leftwe html- .media-rightden .media-rightsoň goýulmalydygyna garamazdan..media-body
Mediýa deňleşdirmesi
Suratlar ýa-da beýleki metbugat ýokarky, orta ýa-da aşaky hatara düzülip bilner. Dymmaklyk ýokarky hatara düzüldi.
Iň ýokary tertipli metbugat
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. “Donec lacinia congue felis”.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur gülkünç mus.
Orta deňleşdirilen metbugat
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. “Donec lacinia congue felis”.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur gülkünç mus.
Aşakda deňleşdirilen metbugat
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. “Donec lacinia congue felis”.
Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur gülkünç mus.
Mediýa sanawy
Birneme goşmaça bellik bilen, sanawyň içindäki mediany ulanyp bilersiňiz (düşündiriş sapaklary ýa-da makalalaryň sanawy üçin peýdaly).
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis.
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis.
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis.
Mediýa sözbaşy
Cras, gravida nulla-da amet nibh libero oturýar. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, wulputate vestibulum, tempus viverra turpis.
Sanaw topary
Sanaw toparlary diňe bir ýönekeý elementleriň sanawlaryny däl, eýsem aýratyn mazmuny bolan çylşyrymly toparlary görkezmek üçin çeýe we güýçli komponentdir.
Esasy mysal
Iň esasy sanaw topary, sanaw elementleri we degişli synplar bilen tertipsiz sanaw. Ondan soňky saýlawlar ýa-da zerur bolanda öz CSS-leriňiz bilen guruň.
Cras justo odio
Dapibus ac facilisis
Morbi leo risus
Porta ac consectetur ac
Erosda westibulum
Nyşanlar
Belgi komponentini islendik sanaw topary elementine goşuň we awtomatiki usulda sagda ýerleşer.
14Cras justo odio
2Dapibus ac facilisis
1Morbi leo risus
Baglanan zatlar
Sanaw toparlarynyň elementlerini sanaw elementleriniň ýerine labyr bellikleri bilen baglanyşdyryň (bu hem <div>ýerine ene-atany aňladýar <ul>). Her elementiň töwereginde aýratyn ene-atalara zerurlyk ýok.
Sanaw toparlarynyň elementleri sanaw elementleriniň ýerine düwmeler bolup biler (bu hem <div>ýerine ene-atany aňladýar <ul>). Her elementiň töwereginde aýratyn ene-atalara zerurlyk ýok. Bu ýerde adaty sapaklary ulanmaň ..btn
Öçürilen zatlar
Maýyp görünmek üçin çal reňk .disabledgoşuň ..list-group-item
Elmydama zerur bolmasa-da, käwagt DOM-yňyzy bir gutujyga salmaly bolarsyňyz. Şol ýagdaýlar üçin panel komponentini synap görüň.
Esasy mysal
Düzgüne .panelgörä, käbir zatlar käbir mazmuny saklamak üçin esasy serhet we padding ulanylýar.
Esasy panel mysaly
Sözbaşyly panel
Paneliňize aňsatlyk bilen sözbaşy goşuň .panel-heading. <h1>Mundan başga - da, öňünden düzülen sözbaşy goşmak <h6>üçin islendik .panel-titlesynpy goşup bilersiňiz. Şeýle-de bolsa, şrift ululyklary <h1>- <h6>ýokaşdyrylýar.panel-heading .
Baglanyşygyň dogry reňklenmegi üçin baglanyşyklary sözbaşylara ýerleşdiriň .panel-title.
Paneliň ady
Paneliň mazmuny
Paneliň ady
Paneliň mazmuny
Aşakdaky ýazgy
Düwmeleri ýa-da ikinji derejeli teksti örtüň .panel-footer. Panel aşaky sözbaşylar kontekst üýtgeýişleri ulananyňyzda reňkleri we serhetleri miras almaýandyklaryna üns beriň, sebäbi olar birinji hatarda bolmaly däl .
Paneliň mazmuny
Kontekst alternatiwalary
Beýleki komponentler ýaly, kontekstdäki döwlet synplarynyň islendik birini goşup, belli bir kontekst üçin paneli aňsatlaşdyryň.
Paneliň ady
Paneliň mazmuny
Paneliň ady
Paneliň mazmuny
Paneliň ady
Paneliň mazmuny
Paneliň ady
Paneliň mazmuny
Paneliň ady
Paneliň mazmuny
Tablisa bilen
.tableDüşnüksiz dizaýn üçin paneliň içinde serhetsiz goşuň . Eger bar bolsa, .panel-bodyaýralyk üçin stoluň ýokarsyna goşmaça serhet goşýarys.
Paneliň sözbaşy
Bu ýerde käbir deslapky panel mazmuny. Nulla vitae elit libero, pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies ulag serişdesi.
#
Ady
Familiýasy
Ulanyjy ady
1
Bellik
Otto
@mdo
2
Jacobakup
Thornton
@fat
3
Larry
guş
@twitter
Panel korpusy ýok bolsa, komponent panel sözbaşysyndan stola bökdençsiz geçýär.
Bu ýerde käbir deslapky panel mazmuny. Nulla vitae elit libero, pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies ulag serişdesi.
Cras justo odio
Dapibus ac facilisis
Morbi leo risus
Porta ac consectetur ac
Erosda westibulum
Jogap beriji
Brauzerlere islendik enjamda dogry ölçeljek içerki gatnaşygy döredip, öz blokynyň giňligine baglylykda wideo ýa-da slaýdşow ölçeglerini kesgitlemäge rugsat beriň.
<iframe>Düzgünler ,, we elementlere gönüden <embed>- göni ulanylýar ; islege görä , beýleki atributlar üçin stil bilen deňeşdirjek bolanyňyzda aç-açan nesil synpyny ulanyň .<video><object>.embed-responsive-item
Maslahat! Siziň üçin muny girizmek hökman däl, sebäbi bu frameborder="0"siziň <iframe>üçin ýok.
Guýular
Bellenen gowy
Giriş effekti bermek üçin bir elemente ýönekeý täsir ýaly guýyny ulanyň.
Gör, men guýyda!
Meýletin sapaklar
Iki sany goşmaça üýtgediji synply padding we tegelek burçlary dolandyryň.