Join Ray Villalobos for an in-depth discussion in this video Analyzing our starting markup, part of Bootstrap Layouts: Responsive Single-Page Design.
- We're not starting completely from scratch…on this project, so let's spend…a few minutes taking a look at what we already have.…Now the basic template for this page…is pretty close to a standard HTML template.…I'm linking to my own CSS file right here.…This file is going to eventually allow me…to override some of the Bootstrap defaults…to make my site look different…than the standard Bootstrap template.…Now for right now, this CSS file is mostly empty.…I have a simple style that prevents…the images from being too big.…
Some of these images are quite large…so you wouldn't be able to appreciate…the layout if we didn't reduce their size.…We're also using a "viewport" tag right here…so that our site looks better on mobile devices.…On a mobile device, the "viewport" usually has…a default size that makes pages…look smaller than they really are.…If we don't add this "viewport" tag to our page,…it's gonna look too small.…Next, we've built a simple navigation right here.…Our site is going to use a single page layout,…
- Analyzing your markup
- Creating simple column layouts
- Creating basic navigation and a simple carousel
- Modifying Bootstrap styles
- Working with branding and toggle styles
- Adding interactivity
Skill Level Beginner
Bootstrap 3: Advanced Web Developmentwith Ray Villalobos3h 28m Intermediate
Up and Running with Sublime Text 2with Kevin Yank1h 40m Beginner
1. Understanding Bootstrap Layouts
2. Customizing Bootstrap Styles
3. Adding Interactivity
Next steps2m 50s
- 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.