Үндсэн агуулга руу шилжих Docs навигаци руу алгасах
Check
in English

Тохируулах

Sass-тай Bootstrap-г хэрхэн загварчлах, өөрчлөх, өргөтгөх, дэлхийн хэмжээний сонголтууд, өргөн өнгөт систем болон бусад зүйлийг мэдэж аваарай.

Сасс Хувьсагч, газрын зураг, холимог болон функцүүдийн давуу талыг ашиглахын тулд манай эх сурвалж Sass файлуудыг ашиглана уу.
Сонголтууд Глобал CSS тохиргоог хялбархан сэлгэхийн тулд суулгасан хувьсагчтай Bootstrap-г тохируулаарай.
Өнгө Хэрэгслийн хэрэгслийг бүхэлд нь дэмждэг өнгөт системүүдийн талаар мэдэж, өөрчлөх.
Бүрэлдэхүүн хэсгүүд Бид бараг бүх бүрэлдэхүүн хэсгүүдээ хэрхэн хариу үйлдэл үзүүлэх чадвартай, үндсэн болон хувиргагч ангиудын тусламжтайгаар хэрхэн бүтээдэг болохыг олж мэдээрэй.
CSS хувьсагч Хурдан бөгөөд ирээдүйтэй дизайн, хөгжүүлэлтийн хувьд Bootstrap-ийн CSS хувийн шинж чанаруудыг ашиглана уу.
Оновчлох Төслөө туранхай, мэдрэмжтэй, засвар үйлчилгээтэй байлгаснаар та хамгийн сайн туршлагыг хүргэх болно.

Тойм

Bootstrap-ийг тохируулах олон арга бий. Таны хамгийн сайн зам нь таны төсөл, бүтээх хэрэгслийн нарийн төвөгтэй байдал, таны ашиглаж буй Bootstrap-ийн хувилбар, хөтөчийн дэмжлэг болон бусад зүйлээс шалтгаална.

Бидний сонгосон хоёр арга нь:

  1. Багц менежерээр дамжуулан Bootstrap-ийг ашигласнаар та манай эх файлуудыг ашиглаж, өргөтгөх боломжтой.
  2. Bootstrap-ийн эмхэтгэсэн түгээлтийн файлууд эсвэл jsDelivr -ийг ашигласнаар та Bootstrap-ийн хэв маягт нэмэх эсвэл хүчингүй болгох боломжтой.

Багц менежер бүрийг хэрхэн ашиглах талаар дэлгэрэнгүй мэдээлэл өгөх боломжгүй ч бид Bootstrap-г өөрийн Sass хөрвүүлэгчтэй ашиглах талаар заавар өгөх боломжтой .

Түгээлтийн файлуудыг ашиглахыг хүсэж буй хүмүүст зориулж эдгээр файлуудыг хэрхэн оруулахыг эхлүүлэх хуудас болон HTML хуудасны жишээг үзнэ үү. Тэндээс ашиглахыг хүсч буй байршил, бүрэлдэхүүн хэсэг, зан төлөвийн талаар баримт бичгүүдээс лавлана уу.

Та Bootstrap-тай танилцаж байхдаа манай дэлхийн сонголтуудыг хэрхэн ашиглах, өнгөний системийг ашиглах, өөрчлөх, бүрэлдэхүүн хэсгүүдээ хэрхэн бүтээх, CSS-ийн захиалгат шинж чанаруудын өсөн нэмэгдэж буй жагсаалтыг хэрхэн ашиглах, хэрхэн ашиглах талаар дэлгэрэнгүй мэдээллийг энэ хэсгээс үргэлжлүүлэн судлаарай. Bootstrap ашиглан кодыг оновчтой болгох.

CSP болон суулгагдсан SVG

Хэд хэдэн Bootstrap бүрэлдэхүүн хэсэг нь манай CSS-д суулгагдсан SVG-г агуулдаг бөгөөд хөтчүүд болон төхөөрөмжүүд дээр бүрэлдэхүүн хэсгүүдийг тогтмол бөгөөд хялбар загварчлах боломжтой. Илүү хатуу CSP тохиргоотой байгууллагуудын хувьд бид суулгасан SVG-н бүх тохиолдлыг баримтжуулсан (бүгдийг нь -р дамжуулан ашигладаг background-image) тул та сонголтуудаа сайтар нягталж үзэх боломжтой.

Олон нийтийн харилцан ярианд үндэслэн үүнийг өөрийн кодын санд шийдвэрлэх зарим сонголтууд нь URL-уудыг дотоодод байршуулсан хөрөнгөөр ​​солих , зургуудыг устгах, доторлогооны зургийг ашиглах (бүх бүрэлдэхүүн хэсэгт боломжгүй) болон CSP-ээ өөрчлөх зэрэг орно. Бидний санал болгож буй зүйл бол аюулгүй байдлын бодлогоо сайтар хянаж үзээд шаардлагатай бол цаашдын хамгийн сайн замыг сонгох явдал юм.