I-Bootstrap 2.3.2: Umhlahlandlela Wokuqalisa

I-Bootstrap iyi- Uhlaka lwe-CSS lokho sekudume kakhulu kuyo yonke inethiwekhi. Izitayela zabo isabele zibonakala ezinkundleni zokuxhumana I-Tuenti y Twitter. Ukusetshenziswa kwalokhu kusongela isikhathi esiningi lapho sakha uhlelo lwewebhu ngoba kugwema wonke umsebenzi nomzamo obandakanyekile ekwakheni isitayela sekhasi elihlanzekile elifanele wonke amadivayisi. Ngokubheka izitayela ezisetshenziswe kulolu hlaka, sizobona ukuthi zijwayelekile kithi, ngoba namuhla amawebhusayithi amaningi ayisebenzise.

Isakhiwo

Ukuze iwebhusayithi yethu ifinyeleleke kumakhalekhukhwini nakumathebulethi kuzofanele sisebenzise ukwakheka koketshezi esikunikezwa yiBootstrap. Ukusetshenziswa kwalesi sakhiwo kulula kakhulu, konke kususelwa kuzakhi isikhathi lokho kuzosisiza isakhiwo ukwakheka kwethu kwewebhu. Kamuva, lapho sithola lo mklamo kusuka kufayela le- smartphone o tablet, lokhu kuzozivumelanisa ngokuzenzakalela nedivayisi esithuthukisiwe kakhulu ikhwalithi yokuzulazula. Sizosebenzisa i- isikhathi ngezigaba ngokwehlukana okunengqondo ngaphakathi kwesakhiwo soketshezi, isb.

<div class="row-fluid">
   <div class="span2">Contenido</div>
</div>

Lapho inombolo 2 imele ubukhulu besikhala. Umugqa ngamunye uqukethe isikhala esanele sezikhala eziyi-12 zosayizi 1, noma u-2 wosayizi 6, lokhu kungasatshalaliswa ngokuthanda kwakho. Lapho isikhala somugqa sesidluliwe, sizokwehlela kokulandelayo ngokuzenzakalela, kusivumele ukuthi sisebenzise i- isikhathi usayizi 12 ukudala ukuhlukana komugqa. Uma besifuna ukweqa ezinye isikhathi lapho udala eyodwa, okungukuthi, qala kusuka ku-4 isikhathi, bese sisebenzisa usayizi ongu-3, ​​besizosebenzisa le khodi:

<div class="span2 offset4">Contenido</div>

Lokhu kuvumela ukuthi ukwahlukana kweqe kane izikhala ngaphambi kokubonisa okuqukethwe. Lokhu singakusebenzisa ngokuthanda kwethu, seqe esikufunayo ngekhodi yethu.

Idizayini ehlukile yedivayisi ngayinye

Ukufaka umklamo ohlukile wohlobo ngalunye lwedivayisi, sizotshela ukuhlukaniswa ngakunye okunengqondo ukuthi kusetshenziselwe ini, sisebenzisa amakilasi alandelayo:

Ngale ndlela, singakhombisa ukwakheka okuhluke ngokuphelele kwedivayisi ngayinye ene-URL efanayo.

Izinkinobho

I-Bootstrap isinikeza i-repertoire ehlanzekile yezinkinobho ezinemibala, ukusetshenziswa kwayo kulula kakhulu:

<a class="btn btn-success" href="URL">
   Nombre del Botón
</a>

Kuphi btn btn-success ibhekisa kumbala wenkinobho, ukuyiguqula, kuzofanele siyibuyise ngamakilasi akhonjiswe esithombeni esedlule.

Ukufaka iBootstrap

Ngokufakwa kwalolu hlaka lwe-CSS, sizolanda i-zip kusixhumanisi engizosishiya ekugcineni kokuthunyelwe, bese sibhala ikhodi elandelayo ekhanda lefayela lethu le-HTML.

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="./css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/bootstrap.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>

Lapho sesenze isiqiniseko sokuthi amafayela we-CSS ne-JS akufolda efanayo nefayela lethu le-HTML, singaqala ukuklama iwebhusayithi yethu ephendulayo.

Imininingwane engaphezulu - Ukuqinisekiswa Kwefomu

Landa - I-Bootstrap: Uhlaka lwe-CSS