Bootstrap Tutorial #12 – Button Styles

Hey all, in this Bootstrap tutorial, I’ll be showing you guys how to make use of some of Bootstraps button classes and styles. Buttn typically use 2 classes – the btn class and a contextual class to give it a unique look and feel.

You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…


========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== The Net Ninja ============

For more front-end development tutorials & to black-belt your coding skills, head over to – or

========== Social Links ==========

Twitter – @TheNetNinja –

Original source

5 thoughts on “Bootstrap Tutorial #12 – Button Styles

  • May 15, 2019 at 15:50

    Migrating to v4 
    1) Renamed .btn-default to .btn-secondary.
    2) Dropped the .btn-xs class entirely as .btn-sm is proportionally much smaller than v3’s.

  • May 15, 2019 at 15:50

    Hey net ninja, when i view my bootstrap site in chrome or opera dev tools and use the device viewport rendering, it shows the website in a way where it looks like no media query is used on any of the mobile devices, the website looks squashed together. should i not pay attention to it? im coming from using the skeleton framework and when i view any site through device rendering ,i usually get a some what accurate rendition of how the site looks on mobile devices. but i find bootstrap to a be easier and plan on transitioning to use it to make future websites. so im just wondering if i should just not use the device rendering option in dev tools when making bootstrap websites.

Leave a Reply