JavaScript Strengthening Tutorial—Bootstrap

This article is the official HTML5 training tutorial of H5EDU organization. It mainly introduces: JavaScript enhancement tutorial - Bootstrap
Introduction to Bootstrap
What is Bootstrap?
Bootstrap is a front-end framework for rapid development of web applications and websites. Bootstrap is based on HTML, CSS, and JAVASCRIPT.
History
Bootstrap was developed by Mark Otto and Jacob Thornton of Twitter. Bootstrap is an open source product released on GitHub in August 2011.
Why use Bootstrap?
Mobile-first: Starting with Bootstrap 3, the framework includes mobile-first styles throughout the library.
Browser support: All major browsers support Bootstrap.
Internet Explorer Firefox Opera Google Chrome Safari
Easy to get started: As long as you have basic knowledge of HTML and CSS, you can start learning Bootstrap.
Responsive design: Bootstrap’s responsive CSS can adapt to desktops, tablets, and mobile phones. For more information about responsive design, see Bootstrap Responsive Design.
Responsive Design
It provides developers with a simple and unified solution for creating interfaces.
It contains powerful built-in components and is easy to customize.
It also provides web-based customization.
It is open source.
Contents of Bootstrap package
Basic structure: Bootstrap provides a basic structure with grid system, link style, and background. This will be explained in detail in the Bootstrap basic structure section.
CSS: Bootstrap comes with the following features: global CSS settings, defining basic HTML element styles, extensible classes, and an advanced grid system. This will be explained in detail in the Bootstrap CSS section.
Components: Bootstrap contains more than a dozen reusable components for creating images, drop-down menus, navigation, alert boxes, pop-up boxes, and more. This will be explained in detail in the Layout Components section.
JavaScript plug-ins: Bootstrap includes more than a dozen custom jQuery plug-ins. You can include all plug-ins directly or include them individually. This will be explained in detail in the Bootstrap plugin section.
Customization: You can customize Bootstrap components, LESS variables and jQuery plugins to get your own version.
Online Examples
The Bootstrap tutorial on this site contains hundreds of examples.
You can use our online editor to edit the code online and click the run button to see the results.
Bootstrap Example

Size, see the responsive effect!

Column 1

< ;p>What you learn is not only technology, but also a dream!

No matter how awesome your dream is, it can’t withstand your idiotic persistence!

                                                                  dream!

No matter how awesome your dream is, it can’t withstand your idiotic persistence!

                                                               dream!

No matter how awesome your dream is, it can’t withstand your idiotic persistence!