Examining the LESS file structure

…All right, so if you go ahead and open…up Sublime Text, we've already configured this to have your…Bootstrap folder over here on the left side of the…screen with all of the various folders and so forth.…We're interested in looking at the Less folder, so…if you hit the little arrow next to that.…You can also widen this up a little bit,…so you can see what's there a little bit better.…This is a long list of all of…the Less files that go into this particular website.…If you go on ahead and read the names, they're kind of self explanatory.…

For example, buttons.less, guess what style there?…Hey, how about the buttons?…Carousel.less is all about the image carousel that comes with Bootstrap.…So you can kind of guess what all of these particular…partial files are called and that's how they're referred to.…They're called partials.…With Less, the Partial files do not start with an underscore.…In Sass, the file names tend to start with an underscore.…There are a couple of really key files though,…that make this whole Less compilation process work really well.…

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.