Whakaroa · Bootstrap i roto i te reo Maori

Ko te Bootstrap he mea hanga me te MAHI i tona uho, he reo rauhua hihiri i hangaia e to maatau hoa pai, a Alexis Sellier . He tere ake, he ngawari ake, he ngahau hoki te whakawhanake i te CSS i runga i nga punaha.

He aha te MAHI?

I tuhia e tetahi o nga kaihanga a Bootstrap he panui rangitaki tere mo tenei , i whakarāpopotohia i konei:

He tere ake te whakahiato a Bootstrap ~6x tere ake me te Iti ka whakaritea ki a Sass
He iti ake te tuhi i roto i te JavaScript, he maamaa ake ki a maatau te ruku ki roto me te whakapiri ki a Ruby me Sass.
He iti te nui; Kei te pirangi matou ki te tuhi CSS me te hanga i a Bootstrap kia whakatata ki te katoa.

He aha kei roto?

Hei toronga mo te CSS, ko te LESS kei roto i nga taurangi, nga whakaurunga mo nga mahanga waehere ka taea te whakamahi, nga mahi mo te pangarau ngawari, te kohanga, tae noa ki nga mahi tae.

Ako atu

Tirohia te paetukutuku mana i http://lesscss.org/ ki te ako atu.

I te mea kua tuhia to tatou CSS ki te Iti me te whakamahi i nga taurangi me nga ranunga, me whakahiato mo te whakatinanatanga o te whakaputanga whakamutunga. Anei me pehea.

Tuhipoka: Mena kei te tuku tono kume koe ki a GitHub me te CSS whakarereke, me whakahiato ano e koe te CSS ma tetahi o enei tikanga.

Nga taputapu mo te whakahiato

Raina whakahau

Whaia nga tohutohu kei te panui kaupapa i runga i GitHub mo te whakahiato ma te raina whakahau.

JavaScript

Tikiake i te Less.js hou me te whakauru i te ara ki reira (me Bootstrap) i roto i te <head>.

<link rel = "stylesheet/less" href = "/path/to/bootstrap.less" > <script src = "/path/to/less.js" ></script>

Hei whakahiato i nga konae .iti, tiakina ka utaina ano to wharangi. Ka whakahiato e Less.js ka penapena ki roto i te rokiroki o te rohe.

Taupānga Mac kore mana

Ko te taupānga Mac kore mana e maataki i nga raarangi o nga konae .less me te whakahiato i te waehere ki nga konae aa-rohe i muri i nga penapena katoa o te konae .iti ka tirohia. Ki te pai koe, ka taea e koe te takahuri i nga manakohanga i roto i te taupānga mo te whakaiti aunoa me te raarangi o nga konae kua whakahiato ka mutu.

Whakaritea te hanganga kōnae

Tangohia te Bootstrap kua whakahiato hou ka tuu ki to kaupapa. Hei tauira, penei pea kei a koe:

  taupānga/
      whakatakotoranga/
      tauira/
  tūmatanui/
      css/
          bootstrap.min.css
      js/
          bootstrap.min.js
      img/
          glyphicons-halflings.png
          glyphicons-halflings-white.png

Whakamahia te tauira timata

Tāruahia te HTML turanga e whai ake nei hei timata.

<html>
  <upoko>
    <title> Bootstrap 101 Template </title>
    <!-- Bootstrap -->
    <link href = "public/css/bootstrap.min.css" rel = "stylesheet" >  
  </head>
  <tinana>
    <h1> Kia ora, e te ao! </h1>
    <!-- Bootstrap -->
    <script src = "public/js/bootstrap.min.js" ></script> 
  </tinana>
</html>

Apa i runga i te waehere ritenga

Mahi i roto i to CSS ritenga, JS, me etahi atu mea e tika ana ki te hanga Bootstrap i a koe ake me o ake ake CSS me nga konae JS motuhake.

<html>
  <upoko>
    <title> Bootstrap 101 Template </title>
    <!-- Bootstrap -->
    <link href = "public/css/bootstrap.min.css" rel = "stylesheet" >  
    <!-- Kaupapa -->
    <link href = "public/css/application.css" rel = "stylesheet" >  
  </head>
  <tinana>
    <h1> Kia ora, e te ao! </h1>
    <!-- Bootstrap -->
    <script src = "public/js/bootstrap.min.js" ></script> 
    <!-- Kaupapa -->
    <script src = "public/js/application.js" ></script> 
  </tinana>
</html>

Te toronga Bootstrap

He mea hanga ki te iti

He aha te MAHI?

He aha kei roto?

Ako atu

Te whakahiato Bootstrap me te Iti

Nga taputapu mo te whakahiato

Raina whakahau

JavaScript

Taupānga Mac kore mana

Ētahi atu taupānga

Koruke

CodeKit

Maamaa

Whakamahia hei taonga pateko

Whakaritea te hanganga kōnae

Whakamahia te tauira timata

Apa i runga i te waehere ritenga