გადადით მთავარ შინაარსზე დოკუმენტების ნავიგაციაზე გადასვლა
in English

მორგება

შეიტყვეთ, თუ როგორ დააყენოთ თემა, მორგება და გააფართოვოთ Bootstrap Sass-ით, გლობალური ოფციონებით სავსე გემით, ვრცელი ფერების სისტემით და სხვა.

მიმოხილვა

Bootstrap-ის მორგების მრავალი გზა არსებობს. თქვენი საუკეთესო გზა შეიძლება დამოკიდებული იყოს თქვენს პროექტზე, თქვენი build ინსტრუმენტების სირთულეზე, Bootstrap-ის ვერსიაზე, რომელსაც იყენებთ, ბრაუზერის მხარდაჭერას და სხვა.

ჩვენი ორი სასურველი მეთოდია:

  1. Bootstrap-ის გამოყენება პაკეტის მენეჯერის საშუალებით , ასე რომ თქვენ შეგიძლიათ გამოიყენოთ და გააფართოვოთ ჩვენი წყარო ფაილები.
  2. გამოიყენეთ Bootstrap-ის შედგენილი სადისტრიბუციო ფაილები ან jsDelivr , რათა შეგეძლოთ Bootstrap-ის სტილების დამატება ან უგულებელყოფა.

მიუხედავად იმისა, რომ ჩვენ ვერ შევისწავლით აქ დეტალებს, თუ როგორ გამოვიყენოთ ყველა პაკეტის მენეჯერი, ჩვენ შეგვიძლია მივცეთ მითითებები Bootstrap-ის გამოყენების შესახებ თქვენი Sass შემდგენლით .

მათთვის, ვისაც სურს გამოიყენოს სადისტრიბუციო ფაილები, გადახედეთ დაწყების გვერდს , თუ როგორ უნდა შეიტანოთ ეს ფაილები და მაგალითი HTML გვერდი. იქიდან, იხილეთ დოკუმენტები განლაგების, კომპონენტებისა და ქცევებისთვის, რომელთა გამოყენებაც გსურთ.

როგორც თქვენ გაეცნობით Bootstrap-ს, განაგრძეთ ამ განყოფილების შესწავლა დამატებითი დეტალებისთვის, თუ როგორ გამოვიყენოთ ჩვენი გლობალური პარამეტრები, გამოიყენოთ და შეცვალოთ ჩვენი ფერების სისტემა, როგორ ვაშენოთ ჩვენი კომპონენტები, როგორ გამოვიყენოთ CSS მორგებული თვისებების ჩვენი მზარდი სია და როგორ. თქვენი კოდის ოპტიმიზაციისთვის Bootstrap-ით შექმნისას.

CSP და ჩაშენებული SVG

Bootstrap-ის რამდენიმე კომპონენტი მოიცავს ჩაშენებულ SVG-ებს ჩვენს CSS-ში, რათა კომპონენტების თანმიმდევრულად და მარტივად სტილიზაცია მოხდეს ბრაუზერებსა და მოწყობილობებში. უფრო მკაცრი CSP კონფიგურაციების მქონე ორგანიზაციებისთვის , ჩვენ დავაფიქსირეთ ჩვენი ჩაშენებული SVG-ების ყველა შემთხვევა (რომლებიც ყველა გამოიყენება მეშვეობით background-image), ასე რომ თქვენ შეგიძლიათ უფრო დეტალურად გადახედოთ თქვენს ვარიანტებს.

სათემო საუბრის საფუძველზე , თქვენს კოდურ ბაზაში ამის გადასაჭრელად ზოგიერთი ვარიანტი მოიცავს URL-ების შეცვლას ლოკალურად განთავსებული აქტივებით, სურათების წაშლას და ინლაინ სურათების გამოყენებას (შეუძლებელია ყველა კომპონენტში) და თქვენი CSP-ის შეცვლას. ჩვენი რეკომენდაციაა, ყურადღებით გადახედოთ საკუთარ უსაფრთხოების პოლიტიკას და გადაწყვიტოთ საუკეთესო გზა, საჭიროების შემთხვევაში.