Framework

Bootstrap

  1. You may not use all the bootstrap css style, which means you can customize import part of bootstrap. Just click the Customize button on top of the Bootstrap CSS Documentation, and you will jump into the Less files section and chose the options you need and finally click the Compile and Download at the end of this page! You will get a bootstrap.zip file and you can use it after unzip the downloaded file.
  2. The ***.min.css is same with ***.css expect remove all the white space in the file, which allow customers to load faster. The suggestion is load the min.css file but use .css file to edit you page(same to .js file).

    1
    2
    3
    4
    /* To use the Bootstrap files in your project just copy the css and js folders to your project folder. Don't forget to include the files in your head element:*/

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/bootstrap.min.js"></script>
  3. CSS minification does not happen automatically by default, therefore if you edit your unminified CSS file, but include the minified version in your HTML, the page will not use the updated CSS by default.
    You can manually minify your CSS using a site like http://cssminifier.com/.

Resource

Other choices of framework

Bootstrap