Bootstrap 3 Tutorial Pt.11 – CSS Modifications to Navbar and Buttons



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”

  1. 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.

  2. 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?

  3. 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 ??

  4. 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

Leave a Reply