Articles by "Boots4"
Showing posts with label Boots4. Show all posts

These days, you're nowhere without a website, so there's a huge value to web development skills. If you want to create responsive websites or applications with fast speed and ease, Then you need Bootstrap. Discover the power of Bootstrap as you take your website development skills to the next level. In this course we cover the very basics of Bootstrap programming, then move on to more complex topics while still making sure the course is easy to understand for those who have never programmed before. Bootstrap is the one of the most popular HTML, CSS, and JS framework for developing responsive, mobile friendly projects on the web.


You can download the example code files for this course from your account at http://www.packtpub.com.

If you purchased this course elsewhere, you can visit http://www.packtpub.com/support and register to have the files e-mailed directly to you.

You can download the code files by following these steps:
1. Log in or register to our website using your e-mail address and password.
2. Hover the mouse pointer on the SUPPORT tab at the top.
3. Click on Code Downloads & Errata.
4. Enter the name of the course in the Search box.
5. Select the course for which you're looking to download the code files.
6. Choose from the drop-down menu where you purchased this course from.
7. Click on Code Download.

You can also download the code files by clicking on the Code Files button on the course's webpage at the Packt Publishing website. This page can be accessed by entering the course's name in the Search box.

Please note that you need to be logged in to your Packt account.
Once the file is downloaded, please make sure that you unzip or extract the folder using the latest version
of:
           - WinRAR / 7-Zip for Windows
           - Zipeg / iZip / UnRarX for Mac
           - 7-Zip / PeaZip for Linux

The code bundle for the course is also hosted on GitHub at https://github.com/PacktPublishing/Bootstrap-4-Responsive-Web-Design. 

We also have other code bundles from our rich catalog of books and videos
available at https://github.com/PacktPublishing/. Check them out!
Bootstrap 4 - Responsive Web Design: Learning Path

A step-by-step practical course enabling you to nail Bootstrap and make your web designs responsive.

Chapter #1. Getting Started

With the advent and increase in popularity of the mobile web, developers have had to adapt themselves to handling new challenges, such as different layouts indifferent resolutions, the new user experience paradigm, and optimization for low-bandwidth connection. While facing this, there were also a lot of old problems related to browser compatibility and lack of patterns in the community. 

This was the outline scenario when the Bootstrap framework arrived. Developed by Twitter, the main goal of Bootstrap is to provide a web fronted framework for responsive developing with cross-browser compatibility. It is awesome! Developer  fell in love with it and started to adopt it right away.

Therefore, to cover this book's objective of presenting the Bootstrap framework to build responsive, mobile-first websites faster than ever before, we must get started by setting up our work environment in the best recommended way. Thus, the topics that we will cover in this chapter are:

  • Getting Bootstrap 
  • Setting up Bootstrap in a web page 
  • Building the first Bootstrap example 
  • The container element tag 
  • Support sources 
  • Framework compatibility
Getting Bootstrap

There are several versions of the framework, but in this book, we will provide support for the latest Bootstrap 3 version (which is v3.3.5), along with the newest version 4 (which is 4.0.0-alpha). When a feature or component is differently supported by one of these versions, we will point it out properly. First of all, access the official website at http://getbootstrap.com/ and click on the Download Bootstrap button, as shown in the following screenshot: