Kuinka asentaa Bootstrap

Bootstrap on avoimen lähdekoodin verkkokehys. Sitä käytetään pääasiassa käyttöliittymäkehitykseen. Se on ilmainen. Bootstrap on kehittänyt Bootstrap Core Team. Bootstrapin ovat alun perin luoneet Mark Otto ja Jacob Thornton. Se julkaistiin alun perin vuonna 2011. Se kirjoitettiin HTML-, CSS- ja JavaScriptinä.

Bootstrap-paketti

Tämä paketti sisältää seuraavat tuotteet:

  1. CSS : Sitä kutsutaan CSS-tyylisivuksi, jota käytetään HTML-elementtien tyylistamiseen.
  2. Komponentit : Bootstrap-paketissa on paljon uudelleenkäytettäviä komponentteja pudotusten, ikonografian, hälytysten, navigoinnin jne.
  3. Mukauta : Bootstrap-paketissa komponentit voidaan räätälöidä, vähemmän muuttuvilla ja Jquery-laajennuksilla saadaksesi tyyli.
  4. Rakennustelineet : Käynnistyspaketissa se tarjoaa perusrakenteen ruudukkojärjestelmällä, linkityylillä ja taustalla.
  5. JavaScript : Käynnistyspaketissa on javascript-laajennuksia.

Bootstrap-asennuksen vaiheet

Keskustelemme Bootstrapin asentamiseen tarvittavista vaiheista.

Vaihe 1: Käytä alla olevaa linkkiä ladataksesi käynnistyslokero. Napsauta Lataa, käynnistyspaketti ladataan Zip-kansioon. Tämä kansio sisältää CSS- ja JS-kansiot.

https://getbootstrap.com/docs/4.0/getting-started/download/

Ladattu käynnistyspaketti on valmis käyttämään käännettyä koodia, joka voidaan helposti integroida projektiin. Se koostuu käännetyistä ja minimoiduista CSS-paketeista ja Javascript-laajennuksista.

Vaihe 2: Lähde-tiedosto : Bootstrap voidaan koota omalla omaisuusprojektilla javascript-, sass- ja dokumenttitiedostojen avulla.

Napsauta Lataa lähde saadaksesi tiedostoja ladattavaksi. Se sisältää js-, CSS- ja muita tiedostoja.

Vaihe 3: Paketinhallinnat: Bootstrap voidaan asentaa Node.js-pohjaisiin tiedostoihin tai sovelluksiin.

$ npm install bootstrap

Vaihe 4: Node.js-sovelluksissa bootstrap voidaan asentaa myös lankapaketin avulla.

$ yarn add bootstrap

Vaihe 5: Jos käyttäjä haluaa asentaa bootstrapin ruby-helmisovelluksiin

  • Nipun käyttö : gem 'bootstrap', '~> 4.0.0'
  • Ilman nippua : $ gem install bootstrap –v 4.0.0

Vaihe 6: Säveltäjää voidaan asentaa ja hallita käynnistysnauhojen sass ja javascript

$ Composer require twbs/bootstrap: 4.0.0

Vaihe 7: NuGetin avulla voit asentaa ja hallita bootstraps CSS: ää ja sass-tiedostoja sekä javascript for.Net -sovelluksia.

  • Asenna-paketin käynnistyslokero
  • Asenna paketti bootstrap.sass

Vaihe 8: Jqueryä käytetään myös käynnistystiedostojen tai asennuskansion kanssa. Jquery on ladattava ja asetettava Jquery-tiedosto Bootstrap-juurikansioon paremman käyttöliittymän saavuttamiseksi. Tärkeintä on, että Jquery parantaa käynnistyslaitteen ominaisuuksia, jotka tarjoavat ulkoasun houkuttelevammalta ja reagoivammalta.

Vaihe 9: Suoritettuaan yllä olevat vaiheet, kehittäjä voi kirjoittaa HTML-koodin linkittääksesi kaikki HTML-sivun tiedostot ja avata HTML-tiedoston vastauksen tarkistamiseksi.

Tuetut selaimet

Käynnistysraja tukee pääasiassa kaikkien selainten ja alustojen uusinta ja vakaata julkaisua. Mobiililaitteiden selainta on tuettu Android- ja IOS-alustoilla. Bootstrap tukee myös erilaisten ympäristöjen, kuten Macin ja Windowsin, työpöytäselaimia.

Bootstrap-tiedostorakenne

  • Bootstrap on esikäännetty, käynnistetyn strept käännetty versio ladataan ja purkaa ZIP-tiedosto ja seuraava tiedostorakenne, jonka näet:

Yllä oleva kuva sisältää myös fonttikansiotiedostot, jos kehittäjä vaatii ylimääräisiä fontteja, jotta käyttöliittymä vaatimusten mukaisesti voi sisältää tiedostot, jotka ovat saatavana käynnistyslokeron lähdekoodipaketissa. Käynnistyslohkon lähdekoodilla on tarkempi tiedostorakenne.

Bootstrap 4

Bootstrap 4: ssä tehdään merkittäviä muutoksia, kuten koodin uudelleenkirjoittaminen, CSS: n joustavan koon tuki, navigoinnin mukautusvaihtoehdot on lisätty, vastausväli ja koon mukauttamisohjelmat on lisätty, globaali fonttikoko kasvatetaan 14 piksestä 16 pikseliin, apuohjelmien määrä luokat lisätään, tyylipainike, pudotusvalikot, mediaobjektit ja kuvaluokat lisätään. Se tukee myös selainten uusinta versiota.

Bootstrapin pääominaisuus on yksinkertaistaa verkkosivujen kehitystä. Ensisijainen syy bootstrapin käyttöön on värien, koon, fontin ja asettelun valinta projektiin. Se tarjoaa HTML-elementtien perustyylimääritelmät. Jquery-laajennukset ja Javascript-komponentit tarjoavat joitain lisäelementtejä, joita voidaan käyttää käyttöliittymässä, kuten valintaikkunoissa ja työkaluvihjeissä jne. Käynnistysosien komponentit koostuvat myös HTML: n, CSS-ilmoitusten ja Javascript-koodin elementeistä. Sillä on myös ominaisuus laajentaa olemassa olevia rajapintaelementtejä.

Käynnistysastian toinen pääkomponentti on sen ulkoasukomponentit. Perusasetteluosaa kutsutaan säilöksi, johon jokainen sivun elementti sijoitetaan. Säiliö sijoitetaan verkkosivulle, jolloin muut asetteluosat, kuten CSS-asettelu, voidaan määritellä rivien ja sarakkeiden kautta. Kehittäjän on valittava, mikä säiliö on kiinteän leveyden tai nesteen leveysastia verkkosivun suunnitteluun. Entinen käyttää neljää ennalta määritettyä leveyttä, mutta myöhemmin käyttää täyttöjä sen ruudun koosta, jota verkkosivua katsotaan.

Käynnistyssarjan käyttö

Bootstrap on erittäin helppokäyttöinen, ja bootstrapin avulla kehittäjät kehittivät reagoivia verkkosivustoja. Bootstrapiä käytetään myös, koska se tukee monia selaimia, kuten Google Chrome, Mozilla Firefox, Internet Explorer, safari, ooppera jne. Bootstrap on helppo aloittaa ja luoda reagoiva ruudukkojärjestelmä. Se on toimittanut JavaScriptin laajennuksia ja siellä on luettelo käyttämistä yrityksistä. Sillä on hyvä dokumentaatio aloittaakseen ja se pystyy toimimaan nopeasti. Bootstrap on osoittanut reagoivan suunnittelun ja mobiilin ensimmäisen lähestymistavan. Se on avoin lähdekoodi ja ilmainen. Se säästää paljon vaivaa ja aikaa. Se on muokattavissa. Tärkeä käynnistyslokerin käyttö on reagoiva web-suunnittelu, joka auttaa verkkosivuston säätämisessä näytön koon mukaan kaikille laitteille, kuten kannettava tietokone, työpöytä, matkapuhelin ja tabletti.

Johtopäätös - Kuinka asentaa Bootstrap

Bootstrap käyttää laajasti eturivin verkkokehyksenä. Se tukee myös monia ohjelmointikieliä ja alusta-riippumattomia. Sillä on suuri aloittelijoille suunnattu online-tuki ja dokumentaatio on hyvä myös virallisilla sivustoilla, joissa kaikki uuden version ja edistyneiden ominaisuuksien päivitykset on julkaistu ja dokumentoitu asianmukaisesti. Siitä on tullut suosittu verkkokehys, jolla rakennetaan erilaisia ​​työkaluja ja integroidaan toiseen komentosarjakieleen.

Suositellut artikkelit

Tämä on opas Bootstrapin asentamisesta. Tässä olemme keskustelleet käynnistyslopun asennuksen vaiheista sekä Bootstrap 4: n peruskonseptista ja Bootstrapin käytöstä. Voit myös katsoa seuraavia artikkeleita saadaksesi lisätietoja -

  1. Kuinka käyttää Bootstrap-komentoja
  2. Bootstrap-haastattelukysymykset ja vastaukset
  3. Bootstrapin ja WordPressin vertailut
  4. WordPressin asennus

Luokka:

Ohjelmistokehitys