Bootstrap Chinese manual

Bootstrap is the most popular and powerful front-end (HTML, CSS, and JavaScript) framework that makes responsive (adaptive) web development faster and easier.

Introduction to Bootstrap

Bootstrap was originally created by designers and developers at Twitter in the mid-2010s. Before it became an open source framework, Bootstrap was known as the Twitter Blueprint.

Bootstrap is a powerful front-end framework that makes web development faster and easier. It includes HTML and CSS based design templates for creating common user interface components such as forms, buttons, navigation, dropdown menus, alerts, modals, tabs, accordions, carousels, tooltips, and more.

Using Bootstrap can save a lot of time and energy.

NOTE: By default, Bootstrap 4 is responsive and adopts a mobile-first approach. Bootstrap 4.3 is the latest and most stable version of Bootstrap. Bootstrap 4 is supported by all major modern browsers such as Google Chrome, Firefox, Safari, Internet Explorer 10 and above, etc.

What you can do with Bootstrap

• There’s so much more you can do with Bootstrap.

• You can easily create a responsive website.

• You can quickly create multi-column layouts using predefined classes.

• You can quickly create different types of form layouts.

• You can quickly create different navigation bar variations.

• You can easily create components such as accordions, modals, etc. without writing any JS code.

• You can easily create dynamic tabs to manage large amounts of content.

• You can easily create tooltips and popups to display tooltip text.

• You can easily create a carousel or image slider to showcase your content.

• You can quickly create different types of alert boxes.

In fact, it’s much more than that. You can do many other interesting things with Bootstrap. You'll learn more about all of this in subsequent chapters.

Advantages of Using Bootstrap

If you have some experience with any front-end framework, then you may be wondering what makes Bootstrap so special. Here are some advantages why you should choose Bootstrap framework:

• Save a lot of time - Using Bootstrap predefined design templates and classes can save a lot of time and effort and focus for other development work.

• Responsive Features - Using Bootstrap, you can easily create a responsive website that works better on different devices and screen resolutions without changing the markup.

• CONSISTENT DESIGN - All Bootstrap components share the same design templates and styles via a central library, so the design and layout of your web pages will remain consistent.

• Easy to use - Bootstrap is very easy to use. Anyone with a basic working knowledge of HTML, CSS, and JavaScript can start developing with Bootstrap.

• Compatible Browsers - Bootstrap is created with modern web browsers in mind, it is compatible with all modern browsers like Chrome, Firefox, Safari, Internet Explorer wait.

• Open Source - The best part is, it’s completely free to download and use.

What this tutorial covers

This Bootstrap tutorial series covers all features of the Bootstrap framework, starting from the basics such as grid system, typography style mechanism, forms Styling methods, and techniques for styling common user interface elements such as tables, lists, images, etc.

Additionally, you will learn how to leverage ready-to-use Bootstrap components such as input groups, button groups, media objects, navigation bars, panels, pagination, labels and badges, progress bars, etc., and how to customize them to Create different variations.

Finally, you will explore some of Bootstrap’s advanced features like creating modal windows, dynamic tabs, tooltips, alerts, accordion menus, carousels, scrolling, etc. and how to customize it using the available options and methods They may extend their existing functionality.

Before you study this course, please study

• HTML Tutorial

• # #CSS tutorial

• JAVASCRIPT tutorial