用于开发响应式布局、移动设备优先的项目——Bootstrap4

时间:2019-09-04
本文章向大家介绍用于开发响应式布局、移动设备优先的项目——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>

div>

<div class="col-sm-4">

<h3>第二列h3>

<p>学的不仅是技术,更是梦想!!!p>

div> <div class="col-sm-4">

<h3>第三列h3>

<p>学的不仅是技术,更是梦想!!!p>

div>

div>

div>

是不是比之前的代码简洁了一部分。因为Bootstrap4 与 Bootstrap3 相比拥有了更多的具体的类以及把一些有关的部分变成了相关的组件。同时 Bootstrap.min.css 的体积减少了40%以上。

值得注意的是:新版的Bootstrap放弃了对 IE8 以及 iOS 6 的支持,现在仅仅支持 IE9 以上 以及 iOS 7 以上版本的浏览器。因此需要考虑项目的面向对象来衡量。

?

$flag 上一页

上一篇:dayday up

下一篇:已是最后一篇