Bootstrap is one of the most used CSS framework for delivering responsive websites. Their ease of use, minimal space it acquires and performance with outcome is just impeccable. Here we are going to setup the Bootstrap framework for making websites.
Bootstrap is mainly front-end CSS framework with JavaScript modifications. But before you begin start learning this interesting front end architecture you should have basic understanding of using HTML tags and CSS. As the whole structure of Bootstrap is based on managing web layouts using these two web technologies correctly.
First of all you can download the latest version for Bootstrap from here (Download Bootstrap). Now you will be see three options for using Bootstrap with one as minified CSS & JS, Second one as LESS with some set up, third one with SASS based projects. We will go through them one by one. You can also use CDN support for Bootstrap as well.
Once you download and you extract the files from the zip than the Folder structure looks like this.
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.css.map
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ ├── bootstrap-theme.css
│ ├── bootstrap-theme.css.map
│ ├── bootstrap-theme.min.css
│ └── bootstrap-theme.min.css.map
├── js/
│ ├── bootstrap.js
│ └── bootstrap.min.js
│ └── npm.js
└── fonts/
├── glyphicons-halflings-regular.eot
├── glyphicons-halflings-regular.svg
├── glyphicons-halflings-regular.ttf
├── glyphicons-halflings-regular.woff
└── glyphicons-halflings-regular.woff2 These includes all the CSS, Font and JS files in order so you can use them by including these files in the order of the requirements. In the next posts we will start with Bootstrap Grid System.
When it comes to children, there’s one universal truth: the right toy can spark imagination, build skills, and make memories…
In today’s digital age, where screens and gadgets dominate our children’s lives, there’s something heartwarming about a well-loved plush toy…
In a world dominated by screens and fast-paced routines, it’s easy to forget the simple magic of a toy in…
In the heart of Delhi’s vibrant streets lies a world where imagination meets innovation — the magical universe of toys.…
When was the last time a toy truly amazed you—not just as a product, but as a thoughtful tool for…
In the digital age, the way we experience childhood has changed, but the essence remains the same—imagination, exploration, and joy.…