Bootstrap 2.3.2: Aratohu Tīmata

He tohu Twitter Bootstrap

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

Whakaahua hangahanga Bootstrap

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

Ka pekehia nga waahi me te karaehe whakawhirinaki

He hoahoa rereke mo ia taputapu

Atahanga me nga karaehe hihiri mo nga taputapu Bootstrap

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

Pihi Tae

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


Ko nga korero o te tuhinga e piri ana ki o maatau kaupapa o matatika whakatika. Ki te ripoata i tetahi paatene paato Here.

He korero, waiho i a koe

Waiho to korero

Ka kore e whakaputaina tō wāhitau īmēra. Kua tohua ngā āpure e hiahiatia ana ki *

*

*

  1. He kawenga mo nga raraunga: Miguel Ángel Gatón
  2. Te kaupapa o te raraunga: Whakahaerehia te SPAM, te whakahaere korero.
  3. Ture: To whakaae
  4. Whakawhitinga korero: Kaore nga korero e tukuna ki nga taha tuatoru engari ma te ture herenga.
  5. Rokiroki raraunga: Paetukutuku e whakahaerehia ana e Occentus Networks (EU)
  6. Tika: I nga wa katoa ka taea e koe te whakaiti, te whakaora me te muku i o korero.

  1.   alejandra ka mea

    Kaore he akoranga ke atu mo tenei anga ???