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

მორგება

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

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

მიმოხილვა

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-ის შეცვლას. ჩვენი რეკომენდაციაა, ყურადღებით გადახედოთ საკუთარ უსაფრთხოების პოლიტიკას და გადაწყვიტოთ საუკეთესო გზა, საჭიროების შემთხვევაში.