作者：Bootstrap教程 发布时间：2025/2/24 0:03:00 阅读次数：314 本站转载 最后更新：2025/8/19 11:00:55
文章摘要：Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap4 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。
Bootstrap4 教程
Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap4 是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统，能够快速为你的想法开发出原型或者构建整个 app 。
只要您具备 HTML 和 CSS 的基础知识，您就可以阅读本教程，进而开发出自己的网站。在您学习完本教程后，您即可达到使用 Bootstrap 开发 Web 项目的中等水平。
在您开始阅读本教程之前，您必须具备 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>
Bootstrap4 是 Bootstrap 的最新版本，与 Bootstrap3 相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件。同时 Bootstrap.min.css 的体积减少了40%以上。
Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持，现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。如果对于其中需要用到以前的浏览器，那么请使用 Bootstrap3。