Bootstrap4 教程

Bootstrap 教程

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

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

谁适合阅读本教程

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

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

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

Bootstrap4 实例

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 与 Bootstrap3

Bootstrap4 是 Bootstrap 的最新版本与 Bootstrap3 相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件同时 Bootstrap.min.css 的体积减少了40%以上

Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器如果对于其中需要用到以前的浏览器那么请使用 Bootstrap3