If you want to achieve this (you can resize the window to see how it will look for mobile version), all you have to do is to have 2 logo images (1 for desktop and one for mobile) and display them depending of the enviroment using visible-xs and hidden-xs classes. Not collapsed navbar with brand name text:Ĭollapsed navbar (everything is the same except width of navbar caused by changing browser's window width): Navigation in navbars will also grow to occupy as much horizontal space as possible to keep your navbar contents securely aligned. Here are prepared images of effect that I want to achieve:Ĭollapsed navbar (the same height of navbar, the same size of image, but different width od navbar): nav options with their own modifier class and require the use of toggler classes for proper responsive styling. Moreover, you can customize it according to your wish and need. The other problem is that changing into AppName makes that AppName is not in the middle:Ĭurrently it is centered by setting padding values, but I do not know how to make it independent from it.ĭoes anyone could help me solve this problem? Bootstrap 4 Responsive navbar, which was developed by BBBootstrap. ![]() ![]() The problem is that after the browser's window size is decreased and menu is collapsed, navbar returns to its original height and logo image is as below: I would like to do a full responsive navbar with specified height in Twitter Bootstrap 3.1.1, where the brand could consists of image (logo) or text.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |