Bootstrap 2.3.2: Hagaha La Bilaabayo

Bootstrap waa a Qaab dhismeedka CSS taasi waxay noqotay mid caan ka ah shabakada oo dhan. Noocyadooda jawaab waxaa lagu arkaa shabakadaha bulshada Tuenti y Twitter. Isticmaalka tani waxay naga badbaadineysaa waqti badan markaan soo saareyno codsi mareeg ah maadaama ay naga badbaadineyso dhammaan shaqada iyo dadaalka ku lug leh sameynta qaab bog nadiif ah oo ku habboon dhammaan qalabka. La-tashiga qaababka loo adeegsaday qaab-dhismeedkan, waxaan ogaan doonnaa inay innagu yaqaanaan, maaddaama maanta mareego badan ay hirgeliyeen.

Qaab dhismeedka

Si shabakadeena looga heli karo mobilada iyo kiniiniyada waa inaan isticmaalnaa qaab dhismeedka dareeraha ee Bootstrap na siiso. Adeegsiga qaab-dhismeedkan ayaa ah mid aad u fudud, wax walbana waxay ku saleysan yihiin cunsurro isbeddel taas ayaa na caawin doonta qaabeynta naqshadeynta websaydhkayaga. Goor dambe, markaan ka helno naqshaddan a smartphone o kiniin, tani waxay si otomaatig ah ula qabsan doontaa aaladda la sheegay iyadoo si weyn loo hagaajinayo tayada hagista. Waxaan isticmaali doonaa isbeddel oo leh fasallo ku kala qaybsanaan macquul ah oo ku dhex jira qaab dhismeedka dareeraha, tusaale ahaan:

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

Halka lambarka 2 uu u taagan yahay cabirka taako. Saf kasta wuxuu ka kooban yahay meel ku filan 12 taako oo cabir 1 ah, ama 2 cabirkeedu yahay 6, tan waxaa loo qaybin karaa sida aad jeceshahay. Marka booska safka la dhaafo, wuxuu hoos ugu dhaadhici doonaa kan xiga si toos ah, isagoo noo ogolaanaya inaan isticmaalno a isbeddel cabbirka 12 si loo abuuro qadka jabka. Haddii aan rabnay inaan qaar ka boodno isbeddel marka aad mid abuureyso, taas oo ah, ka bilow 4 isbeddel, oo aan codsano cabir 3 ah, waxaan adeegsan lahayn lambarkan:

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

Tani waxay u oggolaaneysaa kala-qeybinta inay u booddo afar dallacsiin ka hor intaadan soo bandhigin waxa ku jira. Waxaan tan ugu adeegsan karnaa rabitaankeenna xorta ah, innagoo ka boodnayna waxa aan dooneyno koodhkeenna.

Naqshad kala duwan oo loogu talagalay qalab kasta

Si loo dalbado naqshad ka duwan nooc kasta oo qalab ah, waxaan u sheegi doonnaa qayb kasta oo macquul ah qalabka ay ku jihaysan tahay, iyadoo la adeegsanayo fasallada soo socda:

Sidan oo kale, waxaan ku tusi karnaa qaab gebi ahaanba ka duwan qalab kasta oo leh URL isku mid ah.

Batoon

Bootstrap wuxuu na siiyaa nuqul nadiif ah oo badhamada midabada leh, isticmaalkiisu waa mid aad u fudud:

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

Halkee btn btn-success waxay loola jeedaa midabka badhanka, si loo beddelo, waxaan kaliya ku qasbanaan doonnaa inaan ku beddelno fasallada lagu muujiyay sawirkii hore.

Ku rakibidda Bootstrap

Ku rakibida qaab-dhismeedka CSS, waxaan ka soo dejineynaa cinwaanka cinwaanka aan ka tagi doono dhamaadka boostada, waxaanan qori doonaa lambarka soo socda madaxa feylkeena 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>

Markii aan hubinno in faylasha CSS iyo JS ay ku jiraan isla galka faylkeena HTML, waxaan bilaabi karnaa qaabeynta degelkeenna jawaabta leh.

Macluumaad dheeraad ah - Foomka Xaqiijinta

Soo dejiso - Bootstrap: Qaabdhismeedka CSS