Kurongeka kweBootstrap saiti

Bootstrap inouya neyakafanotsanangurwa skrini saizi kugadzirisa dhizaini

Mune ino post tichaona marongero eBootstrap saiti kuratidza kugona kunoshamisa kweiyi open source framework. In zvinyorwa zvakapfuura takanga takaisa nzvimbo yekusimudzira uye maplugins anodiwa kuti tifambise basa redu.

Rangarira kuti semaneja wemukati we Linux Adictos Izvo hazvindibvumire kuisa kodhi yemienzaniso yandakarodha kuGitHub. Kuti udzidhawunirodhe iwe unofanirwa kuisa iyo Git package pakugovera kwako wobva wanyora iyo inotevera mirairo:

cd Documentos

git clone https://github.com/dggonzalez1971/bootstrap.git

Iwe unozofanirwa kumhanyisa iyi mirairo miviri nguva nenguva kuti utore mafaera matsva.

Kuongorora kodhi

Iye zvino mune faira Explorer yakavhurika example2.html ine VSCodium. (Vhura nebhatani rekurudyi) Tinoona zvinotevera:

  • Mumutsara wekutanga tinoudza bhurawuza rudzi rwegwaro kuitira kuti izive mashandisirwo ayo.
  • Mutsara wechi2 unoratidza mutauro wesaiti unoratidza kubrowser kuti unomiririra sei mamwe mavara uye injini dzekutsvaga mutauro wemukati unofambisa nzvimbo. Mukodhi yedu inotsanangurwa se es asi kune akasiyana ematunhu akadai es_ES eSpanish kubva kuSpain kana es_AR yeSpanish kubva kuArgentina.
  • Kubva mumutsara 3 isu tine metadata mudziyo uri pakati pema tag Y . Metadata inopa ruzivo nezve gwaro. Mumuenzaniso wedu:
  • Mutsara wechina unoratidza mwero unoshandiswa pakunyora mavara. Zvichida wakamboona pane imwe nguva kuti panzvimbo pemavara anoremekedzwa kana zviratidzo zvakakosha, chiratidzo chemubvunzo mukati medhaimani chinoratidzwa. Izvi zvinodaro nekuti bhurawuza rinoshandisa encoding isina kunaka. Chirevo chiri pamutsetse wechisere chinonzvenga izvi nekuchizivisa pachena.
  • Mumutsara wechishanu tinoudza bhurawuza kuti yaifanirwa kuchinjika sei kune akasiyana skrini mafomati.
  • Musoro watinoisa mumutsara wechitanhatu ucharatidzwa mubhawa repamusoro rebrowser uye mumainjini ekutsvaga.
  • Pamutsara wechinomwe tinoudza bhurawuza kwatinowana iyo Bootstrap chimiro chezvinhu zvine chekuita nekutaira.
  • Kubva mumutsara wegumi ndiro inotanga. Muviri unosanganisira zviri mukati mewebhu peji uye chinongedzo kune iyo Bootstrap zvinyorwa zvinopa kupindirana kune yedu saiti.
  • Mutsara wechi13 unoratidza kupera kwegwaro.

Kurongeka kweBootstrap saiti

Mazano akakosha ekumisikidzwa kweBootstrap saiti

Sezvatakataura munyaya dzakapfuura, Bootstrap inotora nhare yekutanga nzira. Kana nzira iyi ikashandiswa, dhizaini yacho inoitwa nemudziyo uine diki diki diki mundangariro, uyezve marata anowedzerwa kuti aenderane nemasaizi anotevera.

Pano tinofanira kufunga pfungwa mbiri dzinokosha:

  • Breakpoints.
  • Media consultation.

Iwo mabreakpoints anoratidza kubva pahupamhi hwescreen iyo marongerwo akagadziridzwa., Mibvunzo yeMedia inoshandisa masitayera paramita yakavakirwa pane imwe browser uye inoshanda sisitimu maitiro. Mune mamwe mazwi, imwe neimwe yekutyora ichava nemaitiro anoenderana.

Bootstrap inouya nenhanhatu dzakafanotsanangurwa breakpoints dzinogona kugadziridzwa neakanyanya advanced programmers. Mapoinzi ekutanga ndeaya:

  • Yakawedzera Diki: Haina preset identifier uye inoshanda kune masikirini asingasviki 576 pixels yakafara.
  • Diki: Iyo inozivikanwa ne sm uye inoshandiswa kune zviratidziro kubva ku576 pixels.
  • Pakati: Iyo inozivikanwa nemd uye inoshandiswa kune zvikirini kubva ku768 pixels.
  • Kureba: Kuzivikanwa selg inoshandiswa kumasikirini kubva ku992 pixels.
  • Yakawedzera kureba: Iine identifier lg uye inoshandisa masitaera kumascreen kubva ku1200 pixels.
  • Yakawedzera kureba: Yakanyorwa neidentifier xxl, inoshandiswa kuisa dhizaini kumasikirini kubva ku1400 pixels.

Saizi idzi hadzina kusarudzwa zvakasununguka se imwe neimwe yemabreakpoint inogona kuve nemidziyo ine hupamhi hwakawanda hwegumi nemaviri.  Iwo zvakare haana kunangwa kune chaiyo mudziyo, asi pachinzvimbo ichienderana neakasiyana mapoka emidziyo uye saizi yescreen.

Mukati memasikirini akasiyana siyana tinowana midziyo.  Aya ane basa rekugamuchira, kuzadza uye kurongedza zvirimo mune imwe mudziyo kana graphic hwindo.

;


Siya yako yekutaura

Your kero e havazobvumirwi ichibudiswa. Raida minda anozivikanwa ne *

*

*

  1. Inotarisira data: AB Internet Networks 2008 SL
  2. Chinangwa cheiyo data: Kudzora SPAM, manejimendi manejimendi.
  3. Legitimation: Kubvuma kwako
  4. Kutaurirana kwedata
  5. Dhata yekuchengetedza: Dhatabhesi inobatwa neOccentus Networks (EU)
  6. Kodzero: Panguva ipi neipi iwe unogona kudzora, kupora uye kudzima ruzivo rwako