Hello everyone, and welcome to this session. I am front-end veteran Zhao. Today we will discuss commonly used CSS frameworks, such as Bootstrap and Foundation. CSS framework is a very important tool in front-end development. It can help us quickly build web pages, and provides many commonly used components and styles, so that we can focus more on the realization of business logic. In the following courses, I will introduce the characteristics, usage and some common problems of these frameworks.
So, what are CSS frameworks? The CSS framework is a set of predefined CSS-based code collections, including a large number of layouts, styles, and components, which can help developers quickly build beautiful and responsive websites. Bootstrap and Foundation are currently the two most widely used CSS frameworks. Bootstrap is a front-end framework developed by Twitter. It integrates HTML, CSS, JavaScript and other technologies. It features responsive layout and provides numerous UI components and tools, allowing developers to quickly build websites of various styles. . Foundation is an open source front-end framework based on responsive design. Its main feature is adaptive layout, which supports the adaptation of different screen sizes and devices. It also provides rich UI components and tools, which is the best choice for building responsive websites. .
So next, I will show you how to use the Bootstrap framework. We can import Bootstrap's CSS files and JavaScript files in HTML:
markup
<!-- 引入 Bootstrap 样式 -->
<link rel="stylesheet"href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css">
<!-- 引入 Bootstrap JavaScript -->