Bootstrap Sidebar навигация с икони

[Ticketa]

Привет,
имам един bootstrap , който искам да бъде със sidebar навигация+икони

Взех примера от тук:

Sidebar 07

Версията е:
Bootstrap v4.3.1

Ако може, някой да удари едно рамо

Опитах някакви варианти, обаче крайния резултат е плачевен (снимка №3)

Искам да го наглася да изглежда като това:






Снимка 3:

 

[Blinky]

Може ли някаква онлайн демо среда, където го тестваш. Иначе, не видях разлика от 1 и 3 с изключение на бекграуда зад хамбургер иконката. Аз бих също добавил овърлей на страницата - черен с някакво опацити от 0.6. Както и на хамбургера да му се сменя иконката с Х.

 

[Ticketa]

онлайн демо среда

Ahhhh за това преди година предлагах за туриста да си имаме собствена среда (тук) за тестове. Сега ще измисля нещо

Общо казано идеята ми е sidebar-а да стои под навигацията, така че при натискане на сгъване/разгъване да не се влияе навигацията с логот, а само sidebar

 

[Ticketa]

https://codepen.io/webtourist/pen/KKeWLEE

 

[Blinky]

Ahhhh за това преди година предлагах за туриста да си имаме собствена среда (тук) за тестове. Сега ще измисля нещо

Общо казано идеята ми е sidebar-а да стои под навигацията, така че при натискане на сгъване/разгъване да не се влияе навигацията с логот, а само sidebar

Значи ще е нужно в такъв случай съвсем различен див да се манипулира, не целия, в който присъстват логото е менюто. Бих добавил и един transition: all 0.5s ease; за да стане малко по-смуут отварянето и затварянето, да не удря бързо.

Бате, има много платформи, които трудно можем да бием за симулация на фронт енд кодчета. Дори там имаш и с коя библиотека да работи дадения JS, да не говорим за SASS, LESS, което каквото и да вдигнем, трудно ще се конкурира с това, което пусна @uphero в другата тема.