/ / Fixed Navigation Bar pomocou Twitter Bootstrap 3 - jquery, html, css, css3, twitter-bootstrap

Pevná navigačná lišta pomocou Twitter Bootstrap 3 - jquery, html, css, css3, twitter-bootstrap

Používam Twitter Bootstrap 3 pre moje webové stránky. Ja by som chcel mať pevnú navigačnú lištu, ktorá musí byť zapnutá po určitom bode, kde sa používateľ posúva nadol.

Som používal Affix() a môžem dostať navigačný panel, aby sa objavil v určitom bode.

Výzvou však je, keď sa používateľ posunie nadol, navigačná lišta sa zobrazí na vrchu a šírka navigačnej lišty nie je 100%.

Chcel som, aby šírka navigačnej lišty bola 100% aj po rolovaní stránky.

Tu je FIDDLE.

Posúvajte sa nadol v segmente výsledkov a v navigačnom paneli s upozorneniami.

Zmizne a potom sa objaví na niektorom navigačnom bode. Ale šírka navigačnej lišty nie je rovnaká, keď bola na začiatku.

Prosím, pomôžte mi pri jej stanovení.

odpovede:

0 pre odpoveď č. 1

Stačí použiť width: 100%; na .navigation

.navigation {
background: #fff;
position: relative;
width: 100%;
}

demonštrácie