【Bootstrap4】Bootstrap4 教程
2017-12-27 15:16
561 查看
Bootstrap4 教程
Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 项目。
Bootstrap4 目前是 Bootstrap 的最新版本,是一套用于 HTML、CSS 和 JS 开发的开源工具集。利用我们提供的 Sass 变量和大量 mixin、响应式栅格系统、可扩展的预制组件、基于 jQuery 的强大的插件系统,能够快速为你的想法开发出原型或者构建整个 app 。
谁适合阅读本教程?
只要您具备 HTML 和 CSS 的基础知识,您就可以阅读本教程,进而开发出自己的网站。在您学习完本教程后,您即可达到使用 Bootstrap 开发 Web 项目的中等水平。
阅读本教程前,您需要了解的知识:
在您开始阅读本教程之前,您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。如果您还不了解这些概念,那么建议您先阅读我们的这些教程:HTML 教程
CSS 教程
JavaScript 教程
Bootstrap4 实例
Bootstrap4 实例
<divclass="jumbotrontext-center"><h1>我的第一个
Bootstrap 页面</h1><p>重置浏览器大小查看效果!</p></div><divclass="container"><divclass="row"><divclass="col-sm-4"><h3>第一列</h3><p>教程</p><p>学的不仅是技术,更是梦想!!!</p></div><divclass="col-sm-4"><h3>第二列</h3><p>教程..</p><p>学的不仅是技术,更是梦想!!!</p></div><divclass="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。
相关文章推荐
- Netty4.x中文教程系列(六) 从头开始Bootstrap
- bootstrap教程
- Bootstrap框架的学习教程详解(二)
- 基于Servlet+JDBC+Bootstrap+MySQL+AJAX权限管理系统项目实战教程
- BootStrap入门教程 (二)
- BootStrap入门教程 (一)
- 《基于BootStrap3的JSP项目实例教程》第1讲
- bootstrap精简教程
- Bootstrap3.0入门学习系列教程
- Bootstrap基础教程
- Bootstrap教程笔记(四)------颜色
- BootStrap入门教程 (一)
- Bootstrap布局组件教程之Bootstrap下拉菜单
- bootstrap的treeview使用方法教程
- bootstrap教程
- bootstrap、angularJS、nodeJs、reactJs视频教程
- bootstrap3.0教程之多种表格效果(条纹状表格、条纹状表格、鼠标悬停等)
- JavaScript强化教程——Bootstrap
- BootStrap入门教程 (四) :JQuery类库插件(模态窗口,滚动监控,标签效果,提示效果,“泡芙”效果,警告区域,折叠效果,旋转木马,输入提示)
- bootstrap精简教程