Bootstrap is a very popular front-end framework. Simply put, it is a tool set for html, css, and javascript. We can use bootstrap to build a simple and fresh website or software interface. With bootstrap, back-end developers no longer have to worry about building the front-end interface.
Bootstrap (1) contains a wealth of web components, based on these components, you can quickly build a beautiful and fully functional website. It includes the following components: drop-down menu, button group, button drop-down menu, navigation, navigation bar, breadcrumbs, paging, typesetting, thumbnails, warning dialogs, progress bars, media dialogs, etc.
(2) It comes with 13 jQery plugins, which give life to components in bootstrap. These include: mode dialog boxes, tabs, scroll bars, pop-up boxes, etc.
Bootstrap was developed by Twitter engineers in their spare time. After opening source on the largest and most popular open source site, Github, Xunsu became the most frequently updated project on the website. A large number of engineers actively contributed code to the project, and a large number of websites built using bootstrap emerged in a short period of time. Why is the development speed of bootstrap so amazing? This is mainly due to the excellent features of bootstrap:
Mobile devices are preferred: putting mobile-oriented features first
Browser support: All mainstream browsers support Bootstrap
Easy to get started: As long as you have the basics of HTML and CSS, you can start learning Bootstrap
Responsive Design: Bootstrap's responsive CSS is adaptable to desktops, tablets and mobile phones.
It contains powerful built-in components for easy customization
Let’s take a look at the simplest page built with bootstrap.
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap 101 Template</title><!-- Bootstrap --><link href="css/bootstrap.min.css" rel="stylesheet"><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"><![endif]--></head><body><div><div><h1>My first Bootstrap page</h1><p>Reset the window size and see the responsive effect! </p> </div><div><div><h3>Column 1</h3><p>What you learn is not only technology, but also dream! </p><p>No matter how awesome your dream is, it cannot withstand your idiot-like persistence! </p></div><div><h3>Column 2</h3><p>What you learn is not only technology, but also dream! </p><p>No matter how awesome your dream is, it cannot withstand your idiot-like persistence! </p></div><div><h3>Column 3</h3> <p>What you learn is not only technology, but also dream! </p><p>No matter how awesome your dream is, it cannot withstand your idiot-like persistence! </p></div></div></div></body> </html>
The above is the first article about learning about bootstrap introduced to you by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. Thank you very much for your support to Wulin.com website!