Join Ray Villalobos for an in-depth discussion in this video Editing Bootstrap LESS variables, part of Bootstrap 3: Advanced Web Development.
- View Offline
- Exercise Files
One of the advantages of using the raw version of Bootstrap is that you can work…with the LESS language. The LESS language is a dynamic style sheet…language that adds functionality to CSS and it gives you the ability to do things…like variables, mix ins And also creating nested rules.…If you want to learn more about LESS, make sure you check out CSS with LESS and Sass…by Joe Marini. So the first step to dealing with LESS in…Bootstrap is to edit the Variables file. Normally, you don't touch any of the LESS…for any of the other parts of Bootstrap, but there's one important file That all…these other sub files used. And that's this one variable's file.…
And so we can come in here and edit a lot of our document just by adding and…modifying things. So these right here are variables that are…going to be later used in other parts of the less files.…So if I wanted to re-define the way grays look, I could just change these right here.…And it will transfer to all the parts of my document.…So, I'm going to add a section right after these grays, and I'll call this section,…
- Prototyping the site
- Working with a local web server
- Creating a baseline template with Git
- Scaffolding the main columns
- Making the site modular with PHP includes
- Adding basic navigation
- Adding a carousel
- Working with buttons
- Creating and activating tabs
- Adding page and structure LESS styles
Skill Level Intermediate
1. Planning and Setting Up
3. Building Main Content
4. Expanding Our Content
5. Additional Pages
6. Finishing Our Application
Finishing your websites8m 21s
Next steps1m 42s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.