Bootstrap 2.3.2: Kutanga Gwara

Bootstrap ndeye CSS chimiro izvo zvave kufarirwa kwazvo mukati mese network. Maitiro avo wirirana dzinoonekwa pasocial network Tuenti y Twitter. Iko kushandiswa kweizvi kunotiponesa yakawanda nguva kana tichigadzira webhu kunyorera sezvo ichitiponesa isu rese basa uye nesimba rinobatanidzwa mukugadzira yakachena peji peji yakakodzera kune ese madhizaini. Tichiongorora masitaera anoshandiswa muhurongwa uhwu, tichaona kuti ivo vanojairana nesu, nekuti nhasi mawebhusaiti mazhinji azviisa.

Chimiro

Kuti webhusaiti yedu iwanikwe kubva kune zvinofamba uye mapiritsi isu tichafanirwa kushandisa chimiro chemvura iyo iyo Bootstrap inotipa. Iko kushandiswa kwechimiro ichi kuri nyore kwazvo, zvese zvinoenderana nezvinhu span izvozvo zvichatibatsira marongerwo yedu yewebhu dhizaini. Gare gare, patinosvika ichi dhizaini kubva ku smartphone o piritsi, izvi zvinongoerekana zvachinjika kune chakataurwa chishandiso zvakanyanya kuvandudza mhando yekufambisa. Isu tinoshandisa iyo span nemakirasi muzvikamu zvine musoro mukati mechimiro chemvura, i.e.:

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

Iko nhamba yechipiri inomiririra saizi yehurefu. Mutsara wega wega une nzvimbo inokwana gumi nematanhatu ehukuru 2, kana 12 yehukuru 1, izvi zvinogona kugoverwa sezvaunoda. Kana imwe nzvimbo yemutsara yapfuura, inozoenda kune inotevera otomatiki, zvichitibvumidza kushandisa span saizi 12 kugadzira mutsetse wedambo. Kana isu taida kusvetuka zvimwe span paunenge uchigadzira imwe, ndokuti, tanga kubva pa4 span, uye nekushandisa saizi ye3, isu taizoshandisa iyi kodhi:

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

Izvi zvinobvumira kuti chikamu chisvetuke zvina spans usati waratidza zvirimo. Tinogona kushandisa izvi pakuda kwedu, tichisvetuka zvatinoda nekodhi yedu.

Dhizaini dzakasiyana dzechinhu chimwe nechimwe

Kuti ushandise dhizaini dzakasiyana dzerudzi rwese rwechigadzirwa, isu tinotaurira yega yega divi zvine musoro kune mudziyo wainotarisa, uchishandisa makirasi anotevera:

Nenzira iyi, isu tinokwanisa kuratidza dhizaini yakatosiyana yedhizaini imwe iine URL imwechete

Bhatani

Bootstrap inotipa yakachena repertoire yemavara mabhatani, kushandiswa kwayo kuri nyore:

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

Kupi btn btn-success inoreva kumuvara webhatani, kuushandura, isu tichafanira chete kuritsiva nemakirasi akaratidzirwa mumufananidzo wapfuura.

Kuisa Bootstrap

Nekuiswa kweichi CSS sisitimu, isu ticha dhawunorodha iyo zip kubva kuiyi link yandinozosiya kumagumo kweiyo posvo, uye isu tinonyora inotevera kodhi mumusoro wefaira redu reHTML.

<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>

Kana tangove nechokwadi chekuti maCSS neJS mafaera ari mune imwechete dhairekitori yedu HTML faira, tinogona kutanga kugadzira yedu inoteerera webhusaiti.

Mamwe mashoko - Kugadziriswa kweFomu

Download - Bootstrap: CSS Chimiro