- Bootstrap 4 full page screen background и навигация
WT форуми -> HTML / Javascript / CSS -> Bootstrap 4 full page screen background и навигация
Създайте нова тема Напишете отговор 
Автор Съобщение
Ticketa
Турист
Турист

Регистриран на: 27/02/2012 3:54 pm

Support: 23
Bonus: 46
Мнения: 337
Мнение 17/01/2019 7:06 pm     Bootstrap 4 full page screen background и навигация Отговорете с цитат


Привет , четох документацията на Boostrap4 обаче не открих опцията , която търся.

Има уебсайтове , при които дизайна е с така наречения full page screen background и навигацията е над бекграунда без фон, когато започнеш да скролваш сайта навигацията става с бял/черен или без значение какъв цвят.

Имате ли представа функцията/визията има ли е като "опция" или да си направя "къстъм" css към boostrap?
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Revelation
Потребител
Потребител

Регистриран на: 24/03/2013 3:23 pm

Support: 57
Bonus: 114
Мнения: 772
Мнение 17/01/2019 9:08 pm      Отговорете с цитат


HTML code:

<nav class="navbar fixed-top navbar-light bg-light">
<a class="navbar-brand" href="#">Fixed top</a>
</nav>


HTML code:

<nav class="navbar sticky-top navbar-light bg-light">
<a class="navbar-brand" href="#">Sticky top</a>
</nav>


https://getbootstrap.com/docs/4.0/components/navbar/#placement

За смяната на цвета, мисля че не идва с буутстрап.


П.П. С малко търсене, най-простото решение

http://blog.tawfiq.me/bootstrap-4-changes-fixed-top-navbar-background-color-on-scrolling/
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети