From cee6caa9dfade993e5200b5615c14ec73ead91d8 Mon Sep 17 00:00:00 2001 From: snigsc <51334429+snigsc@users.noreply.github.com> Date: Mon, 28 Oct 2019 12:04:40 +0530 Subject: [PATCH] Create Bootstrap.md --- guides/web_development/Bootstrap.md | 32 +++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 guides/web_development/Bootstrap.md diff --git a/guides/web_development/Bootstrap.md b/guides/web_development/Bootstrap.md new file mode 100644 index 00000000..ee8cb3ef --- /dev/null +++ b/guides/web_development/Bootstrap.md @@ -0,0 +1,32 @@ +# BOOTSTRAP + +Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It enhances the look and feel of your web app. Bootstrap 4 is the newest version of Bootstrap. + + +**History** +It was developed by **Mark Otto** and **Jacob Thornton** at Twitter as a means of improving the consistency of tools used on the site and reducing maintenance. The software was formerly known as Twitter Blueprint and is sometimes referred to as Twitter Bootstrap. It was released as an open source product in August 2011 on GitHub. + + +**Responsive Design** +Responsive design makes it possible for a web page or app to detect the visitor’s screen size and orientation and automatically adapt the display accordingly. The mobile first approach assumes that smartphones, tablets and task-specific mobile apps are employees' primary tools for getting work done. + +**What does the Bootstrap package include?** +1. Scaffolding − Bootstrap provides a basic structure with Grid System, link styles, and background. This is is covered in detail in the section Bootstrap Basic Structure +2. CSS − Bootstrap comes with the feature of global CSS settings, fundamental HTML elements styled and enhanced with extensible classes, and an advanced grid system. This is covered in detail in the section Bootstrap with CSS. +3. Components − Bootstrap contains over a dozen reusable components built to provide iconography, dropdowns, navigation, alerts, pop-overs, and much more. This is covered in detail in the section Layout Components. +4. JavaScript Plugins − Bootstrap contains over a dozen custom jQuery plugins. You can easily include them all, or one by one. This is covered in details in the section Bootstrap Plugins. +5. Customize − You can customize Bootstrap's components, LESS variables, and jQuery plugins to get your very own version. + + +**Some popular uses of Bootstrap** +1. Grid Basic +2. Typography +3. Tables +4. Images +5. Alerts +6. Buttons +7. Glyphicons +and may more.. + +Download Bootstrap4 [here.](https://getbootstrap.com) +Start learning [here!](https://www.w3schools.com/bootstrap/)