Hoe voeg ek 'n navigasiebalk in bootstrap by?
Hoe voeg ek 'n navigasiebalk in bootstrap by?

Video: Hoe voeg ek 'n navigasiebalk in bootstrap by?

Video: Hoe voeg ek 'n navigasiebalk in bootstrap by?
Video: Responsive Design with Bootstrap by Neel Mehta 2024, November
Anonim

Om skep 'n opvoubare navigasiebalk , gebruik 'n knoppie met klas=" navigasiebalk -toggler", data-toggle="collapse" en data-target="#thetarget". Wikkel dan die navigasiebalk inhoud (skakels, ens.) binne 'n div-element met class="collapse navigasiebalk -collapse", gevolg deur 'n ID wat ooreenstem met die data-teiken van die knoppie: "thetarget".

Gevolglik, waar is die navigasiebalk?

'n webwerf navigasiebalk word meestal vertoon as 'n horisontale lys van skakels boaan elke bladsy. Dit kan onder die kop of logo wees, maar dit word altyd voor die hoofinhoud van die bladsy geplaas. In sommige gevalle kan dit sin maak om die te plaas navigasiebalk vertikaal aan die linkerkant van elke bladsy.

Behalwe hierbo, hoekom moet ek bootstrap gebruik? Bootstrap is 'n goeie keuse om 'n responsiewe webwerf te maak. Met die wonderlike vloeiroosterstelsel en responsiewe nutsklasse is dit 'n gladde en maklike taak om 'n responsiewe webwerf te skep. Nou Bootstrap is eerstens mobiel.

Ook gevra, hoe ignoreer ek Bootstrap-style?

Die beste en eenvoudige manier van oorheersende bootstrap of enige ander css is om seker te maak jou css-lêer is ingesluit na die bootstrap css-lêer in die kopskrif. Nou as jy wil ignoreer 'n spesifieke klas kopieer dan net die css van jou bootstrap css-lêer en plak dit in jou css-lêer en maak dan die nodige veranderinge.

Hoe stel ek bootstrap op?

  1. Stap 1: Opstelling en oorsig. Skep 'n HTML-bladsy. Laai Bootstrap via CDN of huisves dit plaaslik. Sluit jQuery in. Laai Bootstrap JavaScript. Sit dit alles saam.
  2. Stap 2: Ontwerp jou bestemmingsbladsy. Voeg 'n navigasiebalk by. Sluit pasgemaakte CSS in. Skep 'n bladsy-inhoudhouer. Voeg agtergrondprent en pasgemaakte JavaScript by. Voeg 'n oorleg by.

Aanbeveel: