Tógtha le LÚIDE
Déantar Bootstrap le LESS ina chroílár, teanga stílbhileog dhinimiciúil cruthaithe ag ár gcara maith, Alexis Sellier . Déanann sé CSS atá bunaithe ar chórais a fhorbairt níos tapúla, níos éasca agus níos spraoi.
Cén fáth NÍOS LÚ?
Scríobh duine de chruthaitheoirí Bootstrap blagphost tapa faoi seo , a bhfuil achoimre air anseo:
- Tiomsaíonn Bootstrap níos tapúla ~6x níos tapúla le Níos lú i gcomparáid le Sass
- Tá níos lú scríofa i JavaScript, rud a fhágann go bhfuil sé níos éasca dúinn tumadh isteach agus paiste a dhéanamh i gcomparáid le Ruby le Sass.
- Níos lú tá níos mó; ba mhaith linn a bhraitheann go bhfuil muid ag scríobh CSS agus ag déanamh Bootstrap sochaideartha do chách.
Cad atá san áireamh?
Mar shíneadh ar CSS, folaíonn LESS athróga, meascáin le haghaidh gearrthóga cód ath-inúsáidte, oibríochtaí le haghaidh mata simplí, neadú, agus fiú feidhmeanna datha.
Foghlaim níos mó
Tabhair cuairt ar an láithreán gréasáin oifigiúil ag http://lesscss.org/ chun tuilleadh a fhoghlaim.
Bootstrap le Níos lú a thiomsú
Ós rud é go bhfuil ár CSS scríofa le Níos lú agus go n-úsáideann sé athróga agus meascáin, ní mór é a thiomsú le haghaidh cur i bhfeidhm táirgeachta deiridh. Seo é an chaoi.
Uirlisí le haghaidh tiomsú
Líne ordaithe
Lean na treoracha sa readme tionscadail ar GitHub le tiomsú trí líne ordaithe.
JavaScript
Íoslódáil na Less.js is déanaí agus cuir an cosán chuige (agus Bootstrap) san áireamh sa <head>.
<link rel="stylesheet/less" href="/path/to/bootstrap.less"> <script src="/path/to/less.js"> </script>
Chun na comhaid .less a ath-thiomsú, níl le déanamh ach iad a shábháil agus do leathanach a athlódáil. Déanann Less.js iad a thiomsú agus a stóráil i stóráil áitiúil.
Aip neamhoifigiúil Mac
Féachann an aip neamhoifigiúil Mac ar eolairí de chomhaid .less agus tiomsaíonn sé an cód chuig comhaid áitiúla tar éis gach sábháil ar chomhad .less faire. Más mian leat, is féidir leat sainroghanna a scoránaigh san aip le haghaidh mionú uathoibríoch agus cén t-eolaire a chríochnaíonn na comhaid tiomsaithe.
Tuilleadh apps
Géarchor
Is eagarthóir agus tiomsaitheoir NÍOS chosúil é Crunch a tógadh ar Adobe Air.
CodeKit
Cruthaithe ag an bhfear céanna leis an aip neamhoifigiúil Mac, is app Mac é CodeKit a thiomsaíonn LESS, SASS, Stylus, agus CoffeeScript.
Simplí
Aip Mac, Linux, agus Windows chun comhaid NÍOS LÚ a thiomsú agus a tharraingt. Ina theannta sin, tá an cód foinse ar GitHub .
Úsáid mar shócmhainní statacha
Cuir tús le haon tionscadal gréasáin go tapa trí CSS agus JS tiomsaithe nó mionghearrtha a chur isteach. Ciseal ar stíleanna saincheaptha ar leithligh le haghaidh uasghrádú agus cothabháil éasca ag dul ar aghaidh.
Socrú struchtúr comhaid
Íoslódáil an Bootstrap tiomsaithe is déanaí agus cuir isteach i do thionscadal. Mar shampla, b'fhéidir go mbeadh rud éigin mar seo agat:
aip/
leagan amach/
teimpléid/
poiblí/
css/
bootstrap.min.css
js/
bootstrap.min.js
img/
glyphicons-halfings.png
glyphicons-halfings-white.png
Bain úsáid as teimpléad tosaithe
Cóipeáil an bonn HTML seo a leanas le tosú.
<html>
<ceann>
<title>Teimpléad Bootstrap 101</title>
<!-- Bootstrap -->
<link href="public/css/bootstrap.min.css" rel="stylesheet">
</ceann>
<comhlacht>
<h1>Dia duit, a shaoghail!</h1>
<!-- Bootstrap -->
<script src="public/js/bootstrap.min.js"> </script>
</corp>
</html>
Sraith ar chód saincheaptha
Oibrigh i do CSS saincheaptha, JS, agus níos mó de réir mar is gá chun do chuid féin a dhéanamh do Bootstrap le do chomhaid CSS agus JS ar leith féin.
<html>
<ceann>
<title>Teimpléad Bootstrap 101</title>
<!-- Bootstrap -->
<link href="public/css/bootstrap.min.css" rel="stylesheet">
<!-- Tionscadal -->
<link href="public/css/application.css" rel="stylesheet">
</ceann>
<comhlacht>
<h1>Dia duit, a shaoghail!</h1>
<!-- Bootstrap -->
<script src="public/js/bootstrap.min.js"> </script>
<!-- Tionscadal -->
<script src="public/js/application.js"> </script>
</corp>
</html>