Bootstrap4(一)

2023-12-03 07:48

文章标签 bootstrap4

本文主要是介绍Bootstrap4(一)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Bootstrap4 教程

Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap4 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。

谁适合阅读本教程？

只要您具备 HTML 和 CSS 的基础知识，您就可以阅读本教程，进而开发出自己的网站。在您学习完本教程后，您即可达到使用 Bootstrap 开发 Web 项目的中等水平。

阅读本教程前，您需要了解的知识：

在您开始阅读本教程之前，您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。如果您还不了解这些概念，那么建议您先阅读我们的这些教程:

HTML 教程
CSS 教程
JavaScript 教程

Bootstrap4 实例

 < div   class = " jumbotron text-center " >   < h1 > 我的第一个 Bootstrap 页面 </ h1 >   < p > 重置浏览器大小查看效果! </ p >   </ div >   < div   class = " container " >   < div   class = " row " >   < div   class = " col-sm-4 " >   < h3 > 第一列 </ h3 >   < p > 菜鸟教程 </ p >   < p > 学的不仅是技术，更是梦想！！！ </ p >   </ div >   < div   class = " col-sm-4 " >   < h3 > 第二列 </ h3 >   < p > 菜鸟教程.. </ p >   < p > 学的不仅是技术，更是梦想！！！ </ p >   </ div >   < div   class = " col-sm-4 " >   < h3 > 第三列 </ h3 >   < p > 菜鸟教程.. </ p >   < p > 学的不仅是技术，更是梦想！！！ </ p >   </ div >   </ div >  </ div > 