by Brock Nunn | Publisher: Packt Publishing | Release Date: August 2014 | ISBN: 9781783989966

Website development made fast and easy with BootstrapAbout This VideoBuild websites which work on any device and have a responsive layout and designHarness the power of CSS preprocessing using LESSUse time saving tips and tricks to build your websites fasterIn DetailFrontend development can be quite challenging.Developers want their websites to work on any device while being responsive and easy to navigate. Bootstrap packs it all and allows you to harness it intuitively. Developing websites has never been so fast, easy, and rewarding. If you are into frontend development, Bootstrap makes it simple and quick for you.In this course we will use the Twitter Bootstrap framework and demonstrate how you can rapidly create dynamic blog layouts and develop websites using modern web tools and techniques such as CSS preprocessors, web fonts, JavaScript, and more.We will start with an introduction to Bootstrap and quickly move on to building the GRID layout. Here we will set up the Typeography and add Navigation to our layout. Once we are done with the basic architecture we will add styles and take advantage of the Bootstrap Media elements to give a unique look to our website. As soon as our website is up and running, we will wrap up with a glimpse into the next steps you can take to move on to the next level with this project.Once you complete this course you will be able to effectively use Bootstrap and create unique and responsive websites, all in just 45 minutes.

1. Chapter 1 : The Setup
   • Introduction 00:03:00
   • Integrating a Text Editor 00:06:10
2. Chapter 2 : The Grid
   • Using the Bootstrap Grid to Set the Layout and Navigation 00:02:50
   • Custom Webfonts 00:02:41
   • Adding the Hero Unit 00:03:38
   • Bootstrap Thumbnails 00:04:29
3. Chapter 3 : The Style
   • Adding Custom Color and Style to the Site 00:04:38
   • Styling the Hero Using Bootstrap Variables 00:08:13