Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
This tutorial will show you how to harness the power of the Twitter Bootstrap framework to create a custom responsive website for a fictional client. You will learn how to manage every aspect of building a responsive website from the initial download all the way through the process until you have a finished functioning website.
This tutorial will show you how to tame the Twitter Bootstrap framework! We will start from the first download and progress until we have a website ready to be published!
Learning to layout a unique website that will appeal to visitors can be a daunting task. In this course, we will use the Twitter Bootstrap framework to easily create a custom layout that looks great on any device. Using Bootstrap's unique features, you will learn just how easy it is to create your own site!
Through Building a Responsive Website with Bootstrap, you will gain the knowledge and experience to create your website.
Brock Nunn is a frontend web developer from Tulsa, Oklahoma. Brock works full time as a graphic designer at Rovi Corporation. Over the past six years, Brock has taken part in web projects big and small. Self taught, Brock has a passion for teaching others with a simple and personal approach. Brock married his wife in June of 2009. When he is not neck deep in code, Brock enjoys making great food for his family, including his puppy Sugar.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introducing Bootstrap|
|Tired of difficult web design? Take control of your projects with Twitter Bootstrap.|
|Section 2: Setting Things Up|
|Download and set up Twitter Bootstrap.|
|We must activate Twitter Bootstrap within our website files.|
|Utilize the LESS preprocessor to take full control of Twitter Bootstrap.|
|Section 3: Building Our Site – Part 1|
|Laying out an effective web page can be difficult. Take control of it using the power of the Twitter Bootstrap framework.|
|Need to make a bold statement? Making use of a Bootstrap Carousel will do the trick.|
|Tidy up your web layout using Bootstrap’s simple and effective grid system.|
|Need to inform potential customers about a product or service? Use Bootstrap's thumbnails along with an effective call to action.|
|Section 4: Building Our Site – Part 2|
|We extend Bootstrap and use LESS to create a custom footer.|
|Take control of the look and feel of your website. Using LESS, we will add customizations deep into Boostrap to deliver a unique-looking website.|
|We continue to use LESS to customize our website’s look and feel.|
|Easily add pages and new layouts to your designs. We will use everything that we have learned to create a great content page.|
|Section 5: Universal Files|
|Cut down on website management time after launch using PHP.|
|Easily add new pages to a website using PHP Includes.|
|Section 6: Deploying Our Site|
|Make use of the Prepros tool to compress the CSS files.|
|Easily deploy your Twitter Bootstrap website.|
Over the past ten years Packt Publishing has developed an extensive catalogue of over 2000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.