Congratulations, you’re page is now equipped with Bootstrap and is fully responsive.
You can copy the full contents of the index.html file below: Ĥ. The highlighted lines below will include the necessary CSS and JavaScript files into your page: Now we need to add a few lines to our HTML document to initiate the Bootstrap framework. Open it up, then copy and paste the entire contents into your project directory it should now look like this:ģ. A zip folder containing all the necessary files will be saved. If you are in the mood to use the Less or Sass versions, feel free but for our purposes we are going to download the minified versions of the source documents. Next we need to download the actual source code for the Bootstrap framework. Let’s open our index page in a browser to see how it looks on its own:Ģ. Let’s add a “Hello, World” message while we’re at it: In your new directory, use your favorite text editor to create an HTML page containing the minimum elements necessary and save this page as “index.html”. Create a blank directory to house your new project, I called mine “bootstrap-test”. We are going to run through the steps to get a barebones Bootstrap page up and running in about 10 minutes. Bootstrap is one of the simplest ways to have built-in, responsive design right out of the box. So you’re looking to create a mobile-friendly, responsive website and have decided on Bootstrap as your framework? Good move. Create a mobile-friendly, responsive website with this easy to follow, step-by-step walkthrough. JEdited on SeptemQuickly Create a Mobile-Friendly Website Using Bootstrap Framework Bootstrap Tutorial Quick Start Guide.