front end dev

Bootstrap is a nice, excellent and exceptional front-end framework that provides a display for mobile devices (mobile phones, smartphones, etc.) to improve and facilitate website development. Bootstrap provides HTML, CSS and Javascript that is ready to use and easy to create.
Bootstrap is a css framework that can be used to make it easier to build a web interface. Bootstrap was first developed in the middle of 2010 on Twitter by Mark Otto and Jacob Thornton. Bootstrap is currently being developed open source with an MIT license. We can monitor the progress of the Bootstrap project through the official website at
Bootstrap is a CSS framework library created specifically for the front-end website development section. Bootstrap is one of the most popular HTML, CSS and JavaScript frameworks among web developers. at this time almost all web developers have used bootstrap to make front-end display easier and very fast. because you only need to add certain classes to for example create buttons, grids, navigation and more.

Bootstrap is a framework for building responsive and fast web design. That is, the web appearance created by bootstrap will adjust the screen size of the browser that we use both on desktop, tablet or mobile devices. So, users will get a better experience in surfing without considering what devices should be used.

In fact, if we use bootstrap, we just need to use class names (for css) and libraries (javascript) that have been specified by bootstrap without the need to write code from 0 (initial) so that, it can save time in developing websites for UI (User Interface) . Bootstrap has a beautiful appearance and can be customized.


With Bootstrap we can also build dynamic or static web, of course, must be supported by other technologies in its development.
To start learning Bootstrap, you must prepare supporting materials and tools to complete the learning activity. Alright, let’s just start by following the steps outlined below.

Bootstrap has provided a collection of basic class interface components that have been designed in such a way as to create an attractive, clean and lightweight appearance. in addition to the interface class component, bootstrap also has a grid feature that functions to adjust the layout of web pages that can be used very easily and quickly. by using bootstrap we are also given the flexibility to develop a website display that uses bootstrap by changing the appearance of the bootstrap by adding classes and CSS itself.

Bootstrap 3 supports the latest versions of Google Chrome, Firefox, Internet Explorer, Opera, and Safari (except on Windows). In addition, it supports the latest IE8 and Firefox Extended Support Release (ESR).

Since version 2.0, Bootstrap supports responsive web design. This means that the layout of the webpage dynamically adjusts, taking into account the characteristics of the devices used (desktop, tablet, cellphone).

Starting with version 3.0, Bootstrap adopts a ‘mobile-first’ design philosophy, emphasizing responsive design by default.

Version 4.0 adds Sass and flexbox support.

Easy to use and anyone who has basic knowledge of HTML and CSS can start using Bootstrap. One of the responsive features of Bootstrap is that it can adapt to phones, tablets and desktops.

In Bootstrap 3, the first cellular style is part of the core framework Browser compatibility: Bootstrap is compatible with all modern browsers (Chrome, Firefox, Internet Explorer, Edge, Safari, and Opera).

Where do you get Bootstrap? There are two ways to start using Bootstrap on your own website:

You can download Bootstrap from Getbootstrap and include Bootstrap from the CDN. Whenever you want to download and host Bootstrap yourself, open Getbootstrap again, and follow the instructions there.

Or if you don’t want to download and host Bootstrap yourself, you can include it from the CDN (Content Delivery Network).

If you want the 64 bit version or if the download link is not available, visit the official website at then select the link or click “Download” in the left panel at the bottom of the page.

Code editor is very important to manipulate the files that we will develop, especially HTML, CSS and Javascript files as they are in the bootstrap. You can also use Bootstrap Play from us which is made for tests or code trials, both Bootstrap, HTML, CSS and Javascript directly in one editor. Never use a Word processor (Microsoft Word, etc.) or notepad to manipulate these files. Because the application is not suitable and there are many shortcomings that will confuse ourselves later.

There are a lot of code editors scattered on the internet that we can use both free and paid. As a beginner, maybe we can start by using Notepad ++. This application is free and widely used by developers.

The author actually recommends Visual Studio Code, a sophisticated code editor, open source from Microsoft which is more powerful.
Although as a framework, the use of bootstrapping must also be collaborated with the use of stylesheets. That is because the classes and plugins that are available in it can not meet all the needs of programmers. If all programs rely solely on bootstrapping in making the appearance of a website, we can be sure that there will be a similarity between the appearance of one website to another.

Bootstrap, originally called Twitter Blueprint, was developed by Nirav Panchal and Jacob Thornton on Twitter as a framework to encourage consistency in appropriate internal devices. Before Bootstrap, various libraries (a collection of programming codes) were widely used for interface development, which caused inconsistencies and a heavy maintenance burden.

After several months of development by a small group, many developers on Twitter began to contribute to this project as part of Hack Week, a hackathon-style week for the Twitter development team. The name was changed from Twitter Blueprint to Bootstrap, and was released as an open-source project on August 19, 2011. This continued to be maintained by Mark Otto, Jacob Thornton, and a small group of core developers, as well as a large community of contributors.

On January 31, 2012, Bootstrap 2 was released, which added a responsive twelve column grid layout system, built-in support for Glyphicons, several new components, and changes to some of the existing components.

On August 19, 2013, Bootstrap 3 was released, which redesigned components to use a flat design, and a ‘mobile-first’ approach.

On October 29, 2014, Mark Otto announced that Bootstrap 4 was under development. The first alpha version of Bootstrap 4 was released on August 19, 2015. The first beta version was released on August 10, 2017. The stable version of Bootstrap 4 was released on January 18, 2018 which basically improvised the print style, ‘border’ utility and provided more control over flexbox.



Please enter your comment!
Please enter your name here