Би bootstrap дээр навигацийн мөрийг хэрхэн нэмэх вэ?
Би bootstrap дээр навигацийн мөрийг хэрхэн нэмэх вэ?

Видео: Би bootstrap дээр навигацийн мөрийг хэрхэн нэмэх вэ?

Видео: Би bootstrap дээр навигацийн мөрийг хэрхэн нэмэх вэ?
Видео: Как укладывать ламинат одному | БЫСТРО И ЛЕГКО 2024, May
Anonim

руу үүсгэх эвхэгддэг навигацийн талбар , class=" бүхий товчлуурыг ашиглана уу. navbar -toggler", data-toggle="collapse" болон data-target="#thetarget". Дараа нь боож өгнө. navbar бүхий div элемент доторх контент (холбоос гэх мэт). navbar -collapse", дараа нь товчлуурын өгөгдлийн зорилтод тохирох ID-г оруулна: "thetarget".

Тиймээс навигацийн самбар хаана байна вэ?

Вэбсайт навигацийн талбар ихэвчлэн хуудас бүрийн дээд талд хэвтээ холбоосуудын жагсаалт хэлбэрээр харагдана. Энэ нь толгой эсвэл логоны доор байж болох ч хуудасны үндсэн агуулгын өмнө үргэлж байрладаг. Зарим тохиолдолд байрлуулах нь утга учиртай байж болох юм навигацийн талбар хуудас бүрийн зүүн талд босоо байдлаар.

Дээрхээс гадна би яагаад bootstrap ашиглах ёстой вэ? Ачаалагч мэдрэмжтэй вэб сайт хийхэд маш сайн сонголт юм. Гайхамшигтай шингэн сүлжээний систем, мэдрэмжтэй хэрэглээний ангиудын ачаар мэдрэмжтэй вэб сайт үүсгэх нь гөлгөр бөгөөд хялбар ажил юм. Одоо Ачаалагч эхлээд гар утас юм.

Мөн би Bootstrap хэв маягийг хэрхэн дарах вэ гэж асуусан.

Хамгийн сайн бөгөөд энгийн арга ачаалах оосорыг давах эсвэл бусад css нь таны css файлын дараа орсон эсэхийг шалгах явдал юм ачаалах оосор css файлыг толгой хэсэгт байрлуулна. Одоо хүсвэл хүчингүй болгох тодорхой анги дараа нь таны css-г хуулж авна уу ачаалах оосор css файлыг оруулаад css файлдаа буулгаад шаардлагатай өөрчлөлтүүдийг хийнэ үү.

Би ачаалагчийг хэрхэн тохируулах вэ?

  1. Алхам 1: Тохиргоо ба тойм. HTML хуудас үүсгэх. Bootstrap-ийг CDN-ээр ачаалах эсвэл дотооддоо байршуулах. jQuery-г оруулаарай. Bootstrap JavaScript-г ачаална уу. Бүгдийг нь нийлүүл.
  2. Алхам 2: Өөрийн буух хуудасны дизайн. Навигацийн мөр нэмнэ үү. Захиалгат CSS оруулах. Хуудасны агуулгын контейнер үүсгэ. Дэвсгэр зураг болон захиалгат JavaScript нэмнэ үү. Давхарга нэмэх.

Зөвлөмж болгож буй: