How to Setup bootstrap in localhost



https://i.ytimg.com/vi/5PGQiyDoZ7M/hqdefault.jpg



In this video we are going to discuss the way to transfer, created and build our 1st bootstrap web content

To get started with Bootstrap the primary step is to transfer Bootstrap from http://getbootstrap.com. This web site additionally has all the documentaion you would like to urge started with bootstrap.

As of this recording the version is three.3.6. With the transfer you get one nada folder that contains all the specified bootstrap parts.

Unzip the zip folder and you can see the subsequent folder structure. Notice there area three sub-folders (css, fonts & js). allow us to understand the utilization of every file, folder by folder.

Files in “css” folder

bootstrap.css – this can be the core css for BootStrap that defines all the design for numerous controls and elements

bootstrap.css.map – once debugging the minified code, the line numbers don’t check with the orignal files. The file that has the .map extension that is additionally known as as source map file fixes this drawback by allowing the online debuggers to check with the initial context from wherever the code was generated. This file is beneficial throughout development.

bootstrap.min.css – this can be the compressed version that means all the whitespaces, line breaks and the other additional characters are removed. As a result the scale of the minified file is smaller than the non-minified file. Minified version is typically used on a production server for economical transfer wherever because the non minified version is employed in development setting because it is a lot of legible and simple to rectify if there are problems.

bootstrap.min.css.map – main map file for bootstrap.min.css

bootstrap-theme.css – The name suggests this can be the theme for bootstrap. Adding the core bootstrap.css is enough for bootstrap to figure. The theme file is nonmandatory and is sometimes used for a visually increased experience. as an example if you wish 3D effects, gradients, shadows etc.

bootstrap-theme.css.map – main map file for bootstrap-theme.css

bootstrap-theme.min.css – Minified version of bootstrap-theme.css

bootstrap-theme.min.css.map – main map file for bootstrap-theme.min.css

Files in “fonts” folder
There are five completely different font files from Glyphicons. These five {different|totally completely different|completely different} files are simply different format of the Glyphicons font, to support completely different browsers.

Files in “js” folder : These JavaScript files are nonmandatory. These are needed if you wish to use bootstrap widgets like image carousel, dropdown menus, collapsable accordian etc. One necessary issue to stay in mind is that boostrap JavaScript includes a dependency on jQuery, therefore a relevance jQuery should additionally exist on the page wherever you wish to use Bootstrap.

bootstrap.js – this can be the non-minified clear version that’s typically used throughout development.

bootstrap.min.js – Minified version of bootstrap.js optimised for quicker download. this can be the version that’s sometimes utilized in a production setting.

npm.js – npm could be a file from Node.js and is used for npm putting in bootstrap. If you’re unaccustomed Node.js, don’t be concerned, this can be not planning to come in the way to perceive bootstrap.

For this course i’m about to use notepad++ as the editor. you’ll use any editor of your alternative.

Here ar the steps to form your 1st web content with Bootstrap

1. produce a brand new empty index HTML get into xampp server.

2. To use bootstrap in your web site, copy the folder that contains three sub-folders (css, fonts, & js) in your web site project folder.
3. Add a brand new HTML file to the project. Name it index.html.
3. there’s a basic example out there at the referring link. Copy and paste the example code in index.html

setting up bootstrap,
setting up bootstrap 3
how to download bootstrap,
how to download bootstrap template
download bootstrap tutorial,
download bootstrap studio,
how to download bootstrap 3,
how to download bootstrap template,
download bootstrap,
how to download bootstrap
setup bootstrap
using bootstrap with asp.net web forms
simple bootstrap web page
simple bootstrap page
bootstrap sample page code
bootstrap example page
bootstrap files list
bootstrap 3 folder structure
twitter bootstrap folder structure
how to use bootstrap in html step by step
how to include bootstrap in html
bootstrap first page template
first bootstrap page

Original source


One response to “How to Setup bootstrap in localhost”

Leave a Reply