A short summary of Bootstrap

Muhammet Yildiz
3 min readDec 3, 2020

--

In this blog, I will be providing boundaries of Bootstrap and show you what can be done with it.

Bootstrap is an open-source front-end framework. Also called CSS framework, it helps developers quickly create user interfaces. Instead of dealing with pure HTML and customizing it with CSS, Bootstrap gives you predesigned templates to use immediately.

It is completely compatible in all modern browsers and comes with built-in JavaScript widgets, plugins, and easy to use mobile first responsive grid system. You can display your app in small, medium, and big size displays.

You might be a backhand developer and not have enough experience with UI design. If that is the case, Bootstrap is your friend in creating good looking, responsive websites.

There are a couple of different ways to install bootstrap.

· Include The CDN

· Download & include the file

· Package Manager-NPM/YARN

Here are the categorization and details of what Bootstrap can do for you.

UI UTILITIES

· Grid System

· Alignment

· Text & Typography

· Positioning

· Spacing

· Colors

· Images

· Spacing

· Sizing

· Shadows

· Responsive Utilities

CSS COMPONENTS

· Forms & input groups

· Tables

· Navbar & Menus

· List Groups

· Pagination

· Cards

· Media Objects

· Progress Bars

· Alerts

· Jumbotron

· Badges

JS WIDGETS

· Carousel Slider

· Collapsible Accordion

· Modals

· Tooltips

· Popovers

· ScrollSpy

--

--

No responses yet