styling with bootstrap
I learning bootstrap and trying to design a page and make it responsive, using bootstrap. I have attached a screen shot of the layout.
I'm trying to see if there are best practices i can follow.
Lot of tutorials I see, "nav navbar" classes used as a header at the top. aren't these classes for navigation items?
I want a different page header, where i can have the "name of the site" , centered in the header of the page, and "help" and sign out links at the top right of the header.
also logo at the left hand corner. should I define my own css for the header or does bootstrap has some class for the header, if it is not just the nav bar at the top.
Also, how can I define/specity the location of different items like search box, help and signout links inside this page header?
ASKER
@lenamtl - thanks for your comment.
if i were to just style it using css, without any bootstrap, something like below. would it be possible?
<div class="header">
<div style="float:left"><img src="/content/image/Logo.j
<div style="float:left">Company
....
</div>
if i were to just style it using css, without any bootstrap, something like below. would it be possible?
<div class="header">
<div style="float:left"><img src="/content/image/Logo.j
<div style="float:left">Company
....
</div>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
The reason why you always see this this is because website use sticky top menu these days.
In your case what you can do is to have 2 navigation bar and have some content in between for logo, name and search form (you will be able to set the min-height for this container.
As you are learning and this is not easy to customize Bootstrap I recommend that you buy a cheap template and learn for it.
Check the version as some are Bootstrap v3 or the new v4
https://themeforest.net/category/site-templates?compatible_with=Bootstrap&sort=trending&tags=bootstrap&term=bootstrap