Source

Tsitsani

Tsitsani Bootstrap kuti mupeze CSS yophatikizidwa ndi JavaScript, khodi yoyambira, kapena muphatikize ndi oyang'anira phukusi omwe mumakonda monga npm, RubyGems, ndi zina zambiri.

Kuphatikizidwa kwa CSS ndi JS

Tsitsani khodi yokonzekera kugwiritsa ntchito ya Bootstrap v4.0.0 kuti mutsike mosavuta polojekiti yanu, yomwe ikuphatikiza:

Izi sizikuphatikiza zolemba, mafayilo oyambira, kapena kudalira kulikonse kwa JavaScript (jQuery ndi Popper.js).

Tsitsani

Mafayilo oyambira

Sungani Bootstrap ndi payipi yanuyanu potsitsa gwero lathu la Sass, JavaScript, ndi mafayilo olembedwa. Izi zimafuna zida zowonjezera:

  • Sass compiler (Libsass kapena Ruby Sass imathandizidwa) kuti mupange CSS yanu.
  • Autoprefixer ya CSS ogulitsa prefixing

Ngati mungafune zida zomangira , zikuphatikizidwa kuti mupange Bootstrap ndi zolemba zake, koma mwina ndizosayenera pazolinga zanu.

Tsitsani gwero

jsDelivr

Lumphani kutsitsa ndi jsDelivr kuti mupereke mtundu wosungidwa wa Bootstrap wopangidwa ndi CSS ndi JS ku projekiti yanu.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

Ngati mukugwiritsa ntchito JavaScript yopangidwa, musaiwale kuphatikiza mitundu ya CDN ya jQuery ndi Popper.js isanakwane.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>

Oyang'anira phukusi

Kokani mafayilo amtundu wa Bootstrap pafupifupi projekiti iliyonse yokhala ndi oyang'anira phukusi otchuka kwambiri. Ziribe kanthu woyang'anira phukusi, Bootstrap idzafuna Sass compiler ndi Autoprefixer kuti akhazikitse zomwe zikugwirizana ndi mitundu yathu yovomerezeka.

npm

Ikani Bootstrap mu mapulogalamu anu a Node.js omwe ali ndi phukusi la npm :

npm install bootstrap

require('bootstrap')idzakweza mapulagini onse a Bootstrap a jQuery pa chinthu cha jQuery. Module bootstrappalokha situmiza kunja chilichonse. Mutha kuyika mapulagini a Bootstrap a jQuery payekhapayekha pokweza /js/*.jsmafayilo omwe ali pansi pa chikwatu chapamwamba kwambiri.

Bootstrap's package.jsonili ndi metadata yowonjezera pansi pa makiyi awa:

  • sass- njira yopita ku fayilo yayikulu ya Sass ya Bootstrap
  • style- njira yopita ku CSS yosagwirizana ndi Bootstrap yomwe idakonzedweratu pogwiritsa ntchito zosintha (palibe makonda)

RubyGems

Ikani Bootstrap mu mapulogalamu anu a Ruby pogwiritsa ntchito Bundler ( yalimbikitsa ) ndi RubyGems powonjezera mzere wotsatira wanu Gemfile:

gem 'bootstrap', '~> 4.0.0'

Kapenanso, ngati simukugwiritsa ntchito Bundler, mutha kukhazikitsa mwala wamtengo wapatali poyendetsa lamulo ili:

gem install bootstrap -v 4.0.0

Onani zamtengo wapatali za README kuti mumve zambiri.

Wopeka

Mutha kukhazikitsanso ndikuwongolera Sass ya Bootstrap ndi JavaScript pogwiritsa ntchito Composer :

composer require twbs/bootstrap:4.0.0

NuGet

Ngati mukupanga .NET, mutha kukhazikitsa ndi kuyang'anira CSS ya Bootstrap kapena Sass ndi JavaScript pogwiritsa ntchito NuGet :

Install-Package bootstrap
Install-Package bootstrap.sass