Bootstrap Tutorial #12 – Button Styles


https://i.ytimg.com/vi/CJrPkKOsVbM/hqdefault.jpg



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…

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1

========== 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 – https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk

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

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

Original source

5 thoughts on “Bootstrap Tutorial #12 – Button Styles

  • May 15, 2019 at 15:50
    Permalink

    Migrating to v4 
    -Buttons
    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
    Permalink

    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