Téigh ar aghaidh chuig an bpríomhábhar Scipeáil chuig nascleanúint docs
in English

Íosluchtaigh

Íoslódáil Bootstrap chun an CSS agus JavaScript tiomsaithe, an cód foinse a fháil, nó cuir san áireamh é leis na bainisteoirí pacáiste is fearr leat mar npm, RubyGems, agus go leor eile.

Ar an leathanach seo

CSS agus JS curtha le chéile

Íoslódáil cód tiomsaithe réidh le húsáid do Bootstrap v5.0.2 chun titim isteach go héasca i do thionscadal, lena n-áirítear:

Ní chuimsíonn sé seo doiciméadú, comhaid foinse, ná aon spleáchais roghnacha JavaScript cosúil le Popper.

Íosluchtaigh

Comhaid foinse

Tiomsaigh Bootstrap le do phíblíne sócmhainní féin trínár gcomhaid fhoinse Sass, JavaScript agus doiciméadúcháin a íoslódáil. Teastaíonn roinnt uirlisí breise ón rogha seo:

Má theastaíonn ár sraith iomlán uirlisí tógála uait , tá siad san áireamh chun Bootstrap agus a dhoiciméid a fhorbairt, ach is dócha go mbeidh siad mí-oiriúnach do do chríocha féin.

Íoslódáil an fhoinse

Samplaí

Más mian leat ár samplaí a íoslódáil agus a scrúdú , is féidir leat na samplaí a tógadh cheana féin a fháil:

Íosluchtaigh samhlacha srónbheannach

CDN trí jsDelivr

Léim an íoslódáil le jsDelivr chun leagan taisce de CSS agus JS tiomsaithe Bootstrap a sheachadadh chuig do thionscadal.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

Má tá ár JavaScript tiomsaithe á úsáid agat agus más fearr leat Popper a chur san áireamh ar leithligh, cuir Popper roimh ár JS, trí CDN de rogha.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>

Bainisteoirí pacáiste

Tarraing comhaid foinse Bootstrap isteach i mbeagnach aon tionscadal le cuid de na bainisteoirí pacáiste is mó tóir. Is cuma faoin mbainisteoir pacáiste, beidh tiomsaitheoir Sass agus Autoprefixer ag teastáil ó Bootstrap le haghaidh cumraíochta a oireann dár leaganacha oifigiúla tiomsaithe.

npm

Suiteáil Bootstrap i d'aipeanna faoi thiomáint Node.js leis an bpacáiste npm :

npm install bootstrap

const bootstrap = require('bootstrap')nó import bootstrap from 'bootstrap'luchtóidh sé na forlíontáin Bootstrap go léir ar bootstrapréad. Easpórtálann an bootstrapmodúl féin ár breiseán go léir. Is féidir leat forlíontáin Bootstrap a luchtú de láimh ina n-aonar trí na /js/dist/*.jscomhaid a lódáil faoi eolaire barrleibhéil an phacáiste.

Tá roinnt meiteashonraí breise i Bootstrap package.jsonfaoi na heochracha seo a leanas:

  • sass- cosán chuig príomhchomhad foinse Sass de chuid Bootstrap
  • style- cosán chuig CSS neamh-mhionnaithe Bootstrap atá réamhthiomsaithe ag baint úsáide as na socruithe réamhshocraithe (gan oiriúnú)
Cuir tús le Bootstrap trí npm lenár dtionscadal tosaithe! Téigh go dtí an stór teimpléad twbs/bootstrap-npm-starter chun féachaint conas Bootstrap a thógáil agus a shaincheapadh i do thionscadal npm féin. Áirítear leis na deilbhíní tiomsaitheoir Sass, Autoprefixer, Stylelint, PurgeCSS agus Bootstrap.

snáth

Suiteáil Bootstrap i d'aipeanna faoi thiomáint Node.js leis an bpacáiste snáth :

yarn add bootstrap

RubyGems

Suiteáil Bootstrap i d' aipeanna Ruby ag úsáid Bundler ( molta ) agus RubyGems tríd an líne seo a leanas a chur le do chuid Gemfile:

gem 'bootstrap', '~> 5.0.2'

Nó, mura bhfuil Bundler á úsáid agat, is féidir leat an gem a shuiteáil tríd an ordú seo a rith:

gem install bootstrap -v 5.0.2

Féach ar README an gem le haghaidh tuilleadh sonraí.

Cumadóir

Is féidir leat Sass agus JavaScript Bootstrap a shuiteáil agus a bhainistiú ag baint úsáide as Cumadóir :

composer require twbs/bootstrap:5.0.2

NuGet

Má fhorbraíonn tú i .NET, is féidir leat CSS Bootstrap nó Sass agus JavaScript a shuiteáil agus a bhainistiú ag baint úsáide as NuGet :

Install-Package bootstrap

Install-Package bootstrap.sass