[ad_1]
https://i.ytimg.com/vi/7v2yC3GyDHU/hqdefault.jpg
Homepage: http://bootstrapbay.com
Source Files: http://github.com/bootstrapbay/tutorials
In this installment of our Bootstrap 3 tutorial, we add some custom CSS modifications to the common Bootstrap elements including the navbar, navbar links and buttons.
Below are some helpful tools to pick colors for your theme.
Adobe Kuler: https://kuler.adobe.com/create/color-wheel/
Color Scheme Designer: http://colorschemedesigner.com/
Original source
23 responses to “Bootstrap 3 Tutorial Pt.11 – CSS Modifications to Navbar and Buttons”
also would you mind to explain accessing order of elements, grouping, the > element, please thank you
Hi I would like to change navbar height, ' title' in navbar brend is longer might need two rows, a lot of things are affected, how to do a proportional changing?
This video is useless. Nothing works here and when you go into responsive mode everything is lost.
Sir why we are using hover and focus im not getting this can you please explain me this…. and one more thing sir your videos are very helpful 🙂
Thank you very much. You helped me a lot.
Perfectly Worked !! 😀
Thank U Very Much Bro !! 😀
@Jankesaurous Hey I would like to put my <a> nav bar centered ! not right … :/ how can I do that ? ?
how can i change the size of nav bar without affecting the hamburger button??? anyone pls help me
I had changed color nabar-default but it wasn't work at all. Why?
Hi. I am really new to all this so my question might be very very basic, but Bootstrap has me stumped. I can't understand how to know which CSS class/classes need to be modified for which changed. Is it just memorizing stuff? How can I look at the HTML code and understand what to change? Is there some particular resource apart from the official website that could be really useful for me? Thanks i advance.
how can i change navbar-form style in .navbar-default ?
very very tnx : that was very helpful
I am trying to align navbar items center .using ul custom class .but Its not aligning in center
Thank you, that was very helpful;
.navbar-default{
background-color: #2C3E50;
color: #FFFFFF;
}
border-color: #FFFFFF; working but remaining two not working background-color: #2C3E50;color: #FFFFFF;
please help me
Thank man, really helpful.
Thank you man!
I'm attempting to have different heights for my navbar based on the width of the navbar. (60px for min-width 768, 90px for min-width 992, and 120px for minwidth 1200)
How would you approach that?
if we try directly customize the bootstrap navbar it will automatically get the same color and properties for another navbar in same page … what will be the best trick to overcome this problem ??
Hi, I don't know if anyone is going to read this but how do you edit the color of a disabled button? Like when a button grays because it is disabled, how do I edit the color of that? Is there a CSS class I can use? Thank you very much
Tres bon tuto;merci.
Best tutorial 🙂
Your tutorials are the best! Keep doing a great job.