Bootstrap-ga navigatsiya panelini qanday qo'shishim mumkin?
Bootstrap-ga navigatsiya panelini qanday qo'shishim mumkin?

Video: Bootstrap-ga navigatsiya panelini qanday qo'shishim mumkin?

Video: Bootstrap-ga navigatsiya panelini qanday qo'shishim mumkin?
Video: HTML CSS yordamida qanday qilib veb-sayt yasash | Boshidan oxirigacha | To'liq qo'llanma 2024, Noyabr
Anonim

Kimga yaratmoq yig'iladigan navigatsiya paneli , class=" bilan tugmani ishlating navbar -toggler", data-toggle="collapse" va data-target="#thetarget" ni o'rab oling. navbar class="collapse navbar -collapse", undan keyin tugmaning ma'lumotlar maqsadiga mos keladigan identifikator: "thetarget".

Shunday qilib, navigatsiya paneli qayerda?

Veb-sayt navigatsiya paneli ko'pincha har bir sahifaning yuqori qismida havolalarning gorizontal ro'yxati sifatida ko'rsatiladi. U sarlavha yoki logotip ostida bo'lishi mumkin, lekin u har doim sahifaning asosiy mazmunidan oldin joylashtiriladi. Ba'zi hollarda, joylashtirish mantiqiy bo'lishi mumkin navigatsiya paneli vertikal ravishda har bir sahifaning chap tomonida.

Yuqoridagilardan tashqari, nima uchun men bootstrap dan foydalanishim kerak? Bootstrap sezgir veb-sayt yaratish uchun ajoyib tanlovdir. Ajoyib suyuqlik tarmog'i tizimi va sezgir yordam sinflari bilan sezgir veb-sayt yaratish muammosiz va oson vazifadir. Hozir Bootstrap birinchi navbatda mobil hisoblanadi.

Bundan tashqari, Bootstrap uslublarini qanday bekor qilishim mumkin?

Eng yaxshi va oddiy usul bootstrapni bekor qilish yoki boshqa har qanday CSS, CSS faylingizdan keyin kiritilganligiga ishonch hosil qilishdir bootstrap css fayl sarlavhasida. Endi agar xohlasangiz bekor qilish ma'lum bir sinfdan keyin CSS-ni o'zingizdan nusxa ko'chiring bootstrap css faylini yarating va uni CSS faylingizga joylashtiring, keyin kerakli o'zgarishlarni kiriting.

Bootstrap-ni qanday o'rnataman?

  1. 1-qadam: O'rnatish va umumiy ko'rinish. HTML sahifa yarating. Bootstrap-ni CDN orqali yuklang yoki uni mahalliy joylashtiring. jQuery-ni qo'shing. Bootstrap JavaScript-ni yuklab oling. Hammasini bir joyga qo'ying.
  2. 2-qadam: Ochilish sahifangizni loyihalash. Navigatsiya paneli qo'shing. Maxsus CSS-ni qo'shing. Sahifa kontenti konteynerini yarating. Fon rasmi va maxsus JavaScript qo'shing. Overlay qo'shing.

Tavsiya: