…So how did you do?…There's lots of different ways you could have worked with…a button sized mixin, but here's what I did.…Here's the way my buttons are looking here on the homepage.…You can see that they've got a lovely hover state associated with them.…They've got a little bit of a border and they're pill…shaped instead of just being a typical sort of square button.…So how did I make that magic happen?…So if you hop on into Sublime Text.…I hope you started with the buttons.less file.…

And if you take a look at this, this is going…to make mention of some sort of mixin here called button size.…There's one here associated with the .btn class.…And, there's some that are further down the page here, starting around line…121 where, it's making use of the button size mixin here as well.…I copied the one from the button style, up here at the top, because.…The default values here inside of the…button size are the medium button default values.…

And I decided that those were close to the size button that…I wanted but I wanted to make a few tweaks to that.…

Resume Transcript Auto-Scroll

Author

Released

7/8/2014

Do more with LESS in Bootstrap. In this course, Jen Kramer shows you how to customize the look and feel of your Bootstrap site with LESS CSS, as well as LESS mixins and Bootstap's own customization screens. You'll learn how to configure Prepros, a LESS compiler; work within the LESS file structure; and start modifying fonts, color, spacing, and more with the variables.less file. Then LESS's mixins will allow you to make advanced customizations like custom buttons and tab styles. Just press Play to start learning.