Bootstrap 2.3.2: Aratohu Tīmata

Bootstrap he Te anga CSS kua rongonui rawa puta noa i te whatunga. Ko o raatau taera aro e kitea ana i runga i nga whatunga hapori Tuenti y Twitter. Ma te whakamahi i tenei ka nui to wa ki te whakawhanake i tetahi tono paetukutuku na te mea ka penapena i a maatau nga mahi me nga mahi katoa ki te hanga i tetahi momo whaarangi whaarangi ma mo nga taputapu katoa. Ki te paatai ​​i nga momo taera e whakamahia ana i tenei anga, ka maarama taatau kua taunga ke taatau ki a taatau, mai i enei ra he maha nga paetukutuku kua whakatinana.

Te hanganga

Kia uru mai ai ta maatau paetukutuku mai i nga pukoro me nga papa ka whakamahia e tatou te hanganga waipiro e tukuna mai ana e Bootstrap ki a maatau. Ko te whakamahinga o tenei hanganga he maamaa noa, ko nga mea katoa e pa ana ki nga waahanga whanganga a ma tera e awhina whakatakotoranga to maatau hoahoa paetukutuku. A muri ake, ka uru ana tatou ki tenei hoahoa mai i te atamai o papa, ka urutau aunoa tenei ki taua taputapu, ka tino whakapai ake i te kounga o te whakaterenga. Ka whakamahia e matou te whanganga a me nga akomanga kei roto i nga wehenga arorau kei roto i te mahinga wai, ara:

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

Te wahi e tohu ana te nama 2 i te rahi o te whanganga. He nui te waahi mo ia rarangi mo nga waahi 12 o te rahi 1, te 2 ranei o te rahi 6, ka taea te tohatoha ki taau e pai ai. Ka nui ake te waahi o te haupae, ka heke noa ki te waa e whai ake nei, ka taea ai e taatau te whakamahi i te whanganga a rahinga 12 hei hanga wehenga raina. Mena i hiahia matou ki te peke i etahi whanganga a ka hanga ana tetahi, ara, tiimata mai i te 4 whanganga a, me te whakamahi i te rahinga o te 3, ka whakamahia e matou tenei waehere:

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

Ma tenei ka peke te wehenga e wha whawhe i mua i te whakaatu i nga korero. Ka taea e taatau te whakamahi i tenei i runga i ta maatau e pai ai, me te peke i nga mea e hiahiatia ana e taatau waehere.

He hoahoa rereke mo ia taputapu

Hei whakamahi i tetahi hoahoa rereke mo ia momo taputapu, ka korerohia e matou ki ia wehenga whaitake te taputapu e hangai ana, ma te whakamahi i nga akomanga e whai ake nei:

Ma tenei, ka taea e taatau te whakaatu hoahoa rereke mo ia taputapu me te URL kotahi.

Pātene

Ko te Bootstrap e tuku mai ana ki a maatau tetahi waahanga maamaa o nga paatene tae, he maamaa te whakamahinga:

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

Kei hea btn btn-success e pa ana ki te tae o te paatene, hei whakarereke, ma tatou noa e whakakapi nga karaehe e whakaatuhia ana i te ahua o mua.

Kei te Whakauru i te Bootstrap

Mo te whakaurunga o tenei anga CSS, ka tangohia e maatau te zip mai i te hononga ka waiho e au i te mutunga o te pou, ka tuhia e maatau te kaupae e whai ake nei kei te upoko o a maatau konae 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>

Ka mohio ana kei roto nga konae CSS me nga konae JS i te kopaki kotahi me ta maatau konae HTML, ka taea te tiimata ki te hoahoa i ta maatau paetukutuku whakautu.

He korero ano - Whakamanatanga Puka

Tangohia - Bootstrap: Anga CSS