Free Sample
+ Collection
Code Files

Rapid Bootstrap [Video]

Brock Nunn

Website development made fast and easy with Bootstrap
RRP $49.99

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Video Details

ISBN 139781783989966
Course Length35 mins

About This Video

  • Build websites which work on any device and have a responsive layout and design
  • Harness the power of CSS preprocessing using LESS
  • Use time saving tips and tricks to build your websites faster

Who This Video Is For

If you want to get a better handle on frontend website design with Bootstrap, this course is for you. A quick brush up of your HTML, CSS, and basic JavaScript skills, you will be good to go.

Table of Contents

The Setup
Integrating a Text Editor
The Grid
Using the Bootstrap Grid to Set the Layout and Navigation
Custom Webfonts
Adding the Hero Unit
Bootstrap Thumbnails
The Style
Adding Custom Color and Style to the Site
Styling the Hero Using Bootstrap Variables

What You Will Learn

  • Develop websites quickly and easily from scratch by using Bootstrap components
  • Get an attractive website by using Bootstrap elements like thumbnails and carousels
  • Easily add unique web fonts to any site in just a few steps
  • Establish visual hierarchy that gives your website a neat and pleasant look
  • Add the extra appeal to your website using the preprocessors in LESS
  • Manipulate core Bootstrap styles using variables
  • Master web layouts using the modern tools and techniques of Bootstrap

In Detail

Frontend 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.



Read More