Powered by GitBook

Web Development Prework

Bootstrap

Purposes

Web Development would take us a lot of time in making the site look better. In order to save some time to work on cool features, we would use one of the many frontend framework to start with.

Bootstrap is one of those popular framework, which covers HTML, CSS and JS. It makes front-end web development faster and easier by providing a set of features that are compatible to all the major browsers. A lot of Bootstrap themes are built on top of this structure.

Some other famous frameworks include Foundation, Semantic UI, and a lot more.

Steps

  1. Visit either Start Bootstrap (Free) or WrapBootstrap (Paid)
  2. Pick the theme you like, download it
  3. Extract the .zip file
  4. You would generally see a folder containing bunch of files, including a index.html file, js and css folders
    • index.html - The home page of the site
    • js - JavaScript file folder
    • css - Stylesheet file folder
    • img or images - Images file folder
    • fonts - Fonts to be used in this theme

Goals

  • Download the theme you like

Resources