![]() ![]() 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): 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): ![]() We will be going by the second option you can get the Bootstrap Cdn by visiting the bootstrap website. 2) By attaching the bootstrap CDN to the index.html file. 1) By using the npm/yarn to install bootstrap on the terminal. 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? The first thing to be done is to connect the bootstrap to our project. 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 |