Үндсэн агуулга руу шилжих
Bootstrap 4-ийн шинэ хувилбар гарлаа!

Жишээ

Хүрээний хэсгүүдийг ашиглахаас эхлээд захиалгат бүрэлдэхүүн хэсэг, зохион байгуулалт хүртэл бидний жишээн дээр төслийг хурдан эхлүүлээрэй.

Эх кодыг татаж авах

Захиалгат бүрэлдэхүүн хэсгүүд

Хүмүүст Bootstrap-ийг хурдан эхлүүлэхэд нь туслах цоо шинэ бүрэлдэхүүн хэсгүүд болон загварууд.

Цомгийн дэлгэцийн агшин
Цомог

Зургийн цомог, портфолио болон бусад зүйлд зориулсан энгийн нэг хуудас загвар.

Үнийн дэлгэцийн агшин
Үнэ тогтоох

Картаар бүтээгдсэн, захиалгат толгой болон хөлийг агуулсан үнийн хуудасны жишээ.

Тооцоо хийх дэлгэцийн агшин
Тооцоо хийх

Манай маягтын бүрэлдэхүүн хэсгүүд болон тэдгээрийн баталгаажуулалтын онцлогуудыг харуулсан захиалгат төлбөрийн маягт.

Бүтээгдэхүүний дэлгэцийн агшин
Бүтээгдэхүүн

Өргөн хүрээний сүлжээ, дүрс бүхий бүтээгдэхүүнд чиглэсэн маркетингийн хуудас.

Хавтасны дэлгэцийн агшин
Хавтас

Энгийн бөгөөд үзэсгэлэнтэй нүүр хуудас бүтээх нэг хуудасны загвар.

Carousel дэлгэцийн агшин
Карусель

Navbar болон тойруулгыг тохируулж, дараа нь шинэ бүрэлдэхүүн хэсгүүдийг нэмнэ үү.

Блогын дэлгэцийн агшин
Блог

Гарчиг, навигаци, онцлох контент бүхий блог загвар шиг сэтгүүл.

Хяналтын самбарын дэлгэцийн агшин
Хяналтын самбар

Тогтмол хажуугийн самбар болон навигаци бүхий үндсэн админ самбарын бүрхүүл.

Нэвтрэх дэлгэцийн агшин
Нэвтрэх

Захиалгат маягтын байршил, загвар нь энгийн нэвтрэх маягт.

Наалттай хөл хэсгийн дэлгэцийн агшин
Наалттай хөл хэсэг

Хуудасны агуулга богино байх үед харах цонхны доод хэсэгт хөл хэсгийг хавсаргана уу.

Наалттай хөл хэсгийн навигацийн дэлгэцийн агшин
Наалттай хөл хэсгийн навигац

Тогтмол дээд навигацын самбараар харах цонхны доод хэсэгт хөл хэсгийг хавсаргана уу.

Хүрээ

Bootstrap-аас өгсөн суурилуулсан бүрэлдэхүүн хэсгүүдийн хэрэглээг хэрэгжүүлэхэд чиглэсэн жишээнүүд.

Эхлэлийн загварын дэлгэцийн агшин
Эхлэлийн загвар

Үндсэн ойлголтоос өөр юу ч биш: эмхэтгэсэн CSS болон JavaScript.

Торон дэлгэцийн агшин
Сүлжээ

Бүх дөрвөн шатлалт, үүрлэх гэх мэт сүлжээний байршлын олон жишээ.

Jumbotron дэлгэцийн агшин
Жумботрон

Navbar болон зарим үндсэн сүлжээ багана бүхий jumbotron-ийн эргэн тойронд бүтээгээрэй.

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

Navbars дэлгэцийн агшин
Navbars

Navbar-д зориулсан бүх хариу үйлдэл болон контейнерийн сонголтуудыг харуулах.

Navbar статик дэлгэцийн агшин
Navbar статик

Зарим нэмэлт контентын хамт статик дээд навигацийн нэг navbar жишээ.

Navbar-ыг зассан дэлгэцийн агшин
Navbar зассан

Зарим нэмэлт контентын хамт тогтсон дээд навигац бүхий ганц навигацийн жишээ.

Navbar доод дэлгэцийн агшин
Navbar доод хэсэг

Нэмэлт контентын хамт доод талын навигаци бүхий нэг navbar жишээ.

Туршилтууд

Ирээдүйд ээлтэй функцууд эсвэл техникүүдэд анхаарлаа хандуулсан жишээнүүд.

Хөвөгч шошгоны дэлгэцийн агшин
Хөвөгч шошго

Оруулсан зүйл дээрээ хөвөгч шошготой, энгийн хэлбэрүүд.

Offcanvas дэлгэцийн агшин
Offcanvas

Өргөтгөх боломжтой навигацыг тайзнаас гадуур гүйдэг цэс болгон хувиргаарай.