Yɛ nea wopɛ
Sua sɛnea wobɛma asɛmti, ayɛ no sɛnea wopɛ, na woatrɛw Bootstrap mu ne Sass, wiase nyinaa nneɛma a wobɛpaw a ɛdɔɔso, kɔla nhyehyɛe a ɛtrɛw, ne nea ɛkeka ho.
Nsɛm a Wɔaka abom
Akwan pii wɔ hɔ a wobɛfa so ayɛ Bootstrap no sɛnea wopɛ. Wo kwan a eye sen biara no betumi agyina wo adwuma no so, sɛnea wo dan nnwinnade no yɛ den, Bootstrap no fã a wode redi dwuma, browser mmoa, ne nea ɛkeka ho.
Akwan abien a yɛpɛ ne sɛ:
- Bootstrap a wode bedi dwuma via package manager sɛnea ɛbɛyɛ a wubetumi de yɛn source files no adi dwuma na woatrɛw mu.
- Sɛ wode Bootstrap no nkyekyɛmu fael ahorow a wɔaboaboa ano anaa jsDelivr bedi dwuma sɛnea ɛbɛyɛ a wubetumi de ahyɛ Bootstrap no su ahorow no so anaasɛ woabu so.
Bere a yentumi nkɔ nsɛm mu wɔ ha wɔ sɛnea yɛde package manager biara bedi dwuma no, yebetumi de akwankyerɛ bi ama wɔ Bootstrap a wode bedi dwuma ne w’ankasa Sass compiler .
Wɔn a wɔpɛ sɛ wɔde fael ahorow a wɔkyekyɛ no di dwuma no, hwɛ kratafa a worefi ase no mu na woahu sɛnea wode saa fael ahorow no bɛka ho ne nhwɛso HTML krataafa. Efi hɔ no, hwɛ docs no mu ma nhyehyɛe, components, ne suban ahorow a wopɛ sɛ wode di dwuma.
Bere a wunim Bootstrap yiye no, kɔ so hwehwɛ ɔfã yi mu ma nsɛm pii fa sɛnea wode yɛn wiase nyinaa akwan horow no bedi dwuma, sɛnea wode yɛn kɔla nhyehyɛe no bedi dwuma na woasesa, sɛnea yɛkyekye yɛn afã horow, sɛnea yɛde yɛn CSS amanneɛbɔ agyapade ahorow a ɛrenya nkɔanim no bedi dwuma, ne ɔkwan a yɛbɛfa so ayɛ sɛ wobɛma wo code no ayɛ papa bere a wode Bootstrap resi dan no.
CSPs ne SVGs a wɔde ahyɛ mu
Bootstrap afã horow pii de SVG ahorow a wɔde ahyɛ yɛn CSS no mu de ayɛ nneɛma no su daa na ɛnyɛ den wɔ browser ne mfiri ahorow so. For organizations with more strict CSP configurations , yɛakyerɛw yɛn SVGs a wɔde ahyɛ mu no nhwɛso nyinaa (a ne nyinaa yɛ nea wɔde di dwuma via background-image
) sɛnea ɛbɛyɛ a wubetumi ahwɛ wo nhyehyɛe ahorow no mu yiye.
- Accordion a wɔde di dwuma
- Close button (wɔde di dwuma wɔ kɔkɔbɔ ne modals mu) .
- Kyerɛw nnaka a wɔde hyɛ nneɛma mu ne radio so bɔtn ahorow
- Fom a wɔde sesa nneɛma
- Form validation ahyɛnsode ahorow
- Paw menu ahorow
- Carousel a wɔde di dwuma
- Navbar a wɔde dannan nneɛma
Based on community conversation , akwan bi a wobɛfa so adi eyi ho dwuma wɔ w’ankasa codebase mu no bi ne sɛ wode agyapade a wɔagye wɔ mpɔtam hɔ besesa URL ahorow no, wubeyi mfonini ahorow no na wode mfonini ahorow a ɛwɔ line no adi dwuma (ɛnyɛ yiye wɔ afã horow no nyinaa mu), ne wo CSP no a wobɛsesa. Yɛn nyansahyɛ ne sɛ wobɛhwɛ w’ankasa ahobammɔ ho nhyehyɛe ahorow mu yiye na woasi ɔkwan a eye sen biara a wobɛfa so akɔ w’anim ho gyinae, sɛ ɛho hia a.