×
Bootstrap4 教程Bootstrap4 安装使用Bootstrap4 网格系统Bootstrap4 文字排版Bootstrap4 颜色Bootstrap4 表格Bootstrap4 图像形状Bootstrap4 JumbotronBootstrap4 信息提示框Bootstrap4 按钮Bootstrap4 按钮组Bootstrap4 徽章(Badges)Bootstrap4 进度条Bootstrap4 分页Bootstrap4 列表组Bootstrap4 卡片Bootstrap4 下拉菜单Bootstrap4 折叠Bootstrap4 导航Bootstrap4 导航栏Bootstrap4 表单Bootstrap4 表单控件Bootstrap4 轮播Bootstrap4 模态框Bootstrap4 提示框Bootstrap4 弹出框Bootstrap4 滚动监听Bootstrap4 小工具

Bootstrap4 教程


Bootstrap 教程

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

Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 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>

尝试一下 »

Boostrap4 与 Bootstrap3

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

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


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)