Bootstrap tutorial 11 - Buttons

In this tutorial I show you how to create buttons and make them different sizes.

Useful links:
-----------------------------------
Don't forget to subscribe:

Follow me on Twitter:

Follow me on Facebook:

Feel free to donate:
------------------------------------

Tags:
----------------------
Bootstrap (Software), Tutorial (Media Genre), Web Development, HTML, CSS, Cascading Style Sheet, Hyper Text Mark up Language, How to, Bootstrap, Responsive, Design, Framework, Front End Framework, JavaScript, JQuery, What is Bootstrap?, LESS, Tut, Development, CSS Framework, Quentin, Watt, Bootstrap for Mac, Sublime Text (Software), Mac OS (Operating System), Mac Text Editor, Creating a website,buttons,contextual,danger,primary,button sizes,

[nikhilghodke]

Quintin talks about 4 types of creating buttons
1) a tag link
2) button tag
3) input type=button
4) input type=submit
All the above should have two class "btn btn-default"
Quintin also shows 7 types of btn that can be created
1) btn-default
2)btn-success
3)btn-primary
4)btn-danger
5)btn-info
6)btn-warning
7)btn-link(shows a link in button)
For button sizes
Large button uses class btn-link
Small button uses class btn-success
Extra small uses class button btn-xa
Like this comment if u want to keep this comment as a note in order to save time when we all revise

[rishikarn]

How can I resize button accord to our need (width and height) and align left and right?

[Gnanaofficial]

Nice tutorial., btw what happen when we use btn-lg and btn-sm in same class.?? it will resize according to device.?? right.?

[technicalpankaj]

mene already ye topic pe detail me video banai h

[eljuntero]

Hi, I'm new to JavaScript. I'm wondering how does the onclick methods work with bootstrap. Because I had a simple html page with a normal button component using <input type="button" etc> and the onclick methods worked just fine but when I try to do it with bootstrap it doesn't work.
I looked everywhere but I can't seem to get it to work.
Can somebody help me pleaaaase

[fnr]

5:45 I laughed so hard, its so meta and funny, button as a link, link as a button. Love it Quentin!

[statuspremier]

awesome tutorial dude, oh yeah how do you align the buttons though?

[eosapril]

where is the lesson with div? i dont understand why do you have so many...

[NeerajSharma-obwf]

Hi Guys, can any one tell me how to include href line in <button type="button" class="btn btn-lg btn-block btn-primary">New Page</button></div>
So that button actually works and takes to new page.

[adishetrit]

you are awesome!!! it's impressive that you are only 24 y.o