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
Hanganga Huarahi Bootstrap
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.
Ka pekehia nga waahi me te karaehe whakawhirinaki
He hoahoa rereke mo ia taputapu
Nga karaehe CSS hei wehewehe i 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
Rarangi o nga paatene i tukuna e Bootstrap
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
He korero, waiho i a koe
Kaore he akoranga ke atu mo tenei anga ???