There are a dozen of frameworks available for Front-End Web Development.You will find everything from responsive grid systems and nice looking buttons to Java script modules for interactive elements like drop down menus and carousels.
Bootstrap is one of the most popular HTML, CSS and JS framework for developing responsive, mobile first projects on the web.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:
NOTE: 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/.
You can also use a more advanced and automated workflow where CSS files get minimized automatically, for example using a plugin for your code editor or a build system like Gruntjs.
Take a look at this Bootstrap Walk-through:
Apart from Bootstrap, feel free to check out some of the popular frameworks listed below: