下载APP 随时随地学编程
返回 首页

bootstrap4教程

开始阅读
手册说明:


谁适合阅读本教程

Bootstrap4 是 Bootstrap 的最新版本。

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

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

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

HTML 教程

CSS 教程

JavaScript 教程

Bootstrap4 与 Bootstrap3

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

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

有关 Bootstrap 3 的使用,请参考本站的《Bootstrap 教程》

Bootstrap框架技术视频课

《通俗易懂的Bootstrap视频课程》

目录
Bootstrap4 下载安装
Bootstrap4 浏览器支持
Bootstrap4 自定义选项
Bootstrap4 弹性盒Flexbox
Bootstrap4 页面创建
Bootstrap4 网格系统
Bootstrap4 排版
Bootstrap4 颜色设置
Bootstrap4 表格设置
Bootstrap4 图片设置
Bootstrap4 超大屏幕Jumbotron
Bootstrap4 信息提示框
Bootstrap4 按钮
Bootstrap4 按钮组
Bootstrap4 徽章(Badges)
Bootstrap4 进度条
Bootstrap4 分页
Bootstrap4 列表组
Bootstrap4 卡片
Bootstrap4 下拉菜单
Bootstrap4 折叠板
Bootstrap4 导航
Bootstrap4 导航栏
Bootstrap4 表单
Bootstrap4 表单控件
Bootstrap4 轮播
Bootstrap4 模态框
Bootstrap4 提示框
Bootstrap4 弹出框
Bootstrap4 滚动监听(Scrollspy)
Bootstrap 4 多媒体对象
Bootstrap4 实用工具

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }