Bootstrap'ке навигация тилкесин кантип кошсом болот?
Bootstrap'ке навигация тилкесин кантип кошсом болот?

Video: Bootstrap'ке навигация тилкесин кантип кошсом болот?

Video: Bootstrap'ке навигация тилкесин кантип кошсом болот?
Video: Урок 2. Bootstrap5. Быстрый старт. Компонент Navbar в Bootstrap5 2024, Апрель
Anonim

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

Демек, навигация тилкеси кайда?

Вебсайт навигация тилкеси көбүнчө ар бир беттин жогору жагында шилтемелердин горизонталдуу тизмеси катары көрсөтүлөт. Ал баштын же логотиптин астында болушу мүмкүн, бирок ал ар дайым барактын негизги мазмунунун алдында жайгаштырылат. Кээ бир учурларда, аны жайгаштыруу үчүн мааниси бар навигация тилкеси ар бир барактын сол жагында вертикалдуу.

Жогорудагыдан тышкары, эмне үчүн мен bootstrap колдонушум керек? Bootstrap жооп берүүчү веб-сайтты түзүү үчүн мыкты тандоо. Улуу суюктук тор системасы жана жооп берүүчү коммуналдык класстар менен жооп берүүчү веб-сайтты түзүү оңой жана оңой иш. Азыр Bootstrap биринчи мобилдик болуп саналат.

Ошондой эле, Bootstrap стилдерин кантип жокко чыгарсам болот?

Эң жакшы жана жөнөкөй жолу басым жүктөө же башка CSS - сиздин CSS файлыңыздан кийин камтылганын текшерүү жүктөө css файлдын баш жагында. Эми кааласаң жокко чыгаруу белгилүү бир класс, андан кийин жөн гана сиздин css көчүрүү жүктөө css файлы жана аны CSS файлыңызга чаптаңыз, андан кийин керектүү өзгөртүүлөрдү киргизиңиз.

Bootstrap'ти кантип орнотом?

  1. 1-кадам: Орнотуу жана карап чыгуу. HTML барагын түзүү. Bootstrap'ти CDN аркылуу жүктөңүз же аны жергиликтүү жайгаштырыңыз. jQuery камтуу. Bootstrap JavaScript жүктөө. Баарын чогуу кой.
  2. 2-кадам: Десант баракчаңызды долбоорлоо. Чабыттоо тилкесин кошуңуз. Ыңгайлаштырылган CSS камтыңыз. Барактын мазмуну контейнерин түзүңүз. Фон сүрөтүн жана ыңгайлаштырылган JavaScript кошуңуз. Overlay кошуу.

Сунушталууда: