文件名称：bootstrap响应式布局
文件大小：8.42MB
文件格式：ZIP
更新时间：2020-03-19 10:26:02
bootstrap 响应式布局 多设备适配 1. CSS 相邻兄弟选择器 + 相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。 相邻兄弟选择器使用了加号（+），即相邻兄弟结合符（Adjacent sibling combinator）。 2. 手机字体图标：`content: '\e958';` 电话字体图标：`content: '\e942';` 3. bootstrap最外层伸缩容器：`class="container"` 4. bootstrap伸缩布局并居中：`d-flex justify-content-center align-items-center` 5. `jQuery.data(element,[key],[value])`：在元素上存放数据,返回jQuery对象。 例如：在index界面中 ```javascript ``` 在 js中，可以通过 ```javascript $('.carousel-item').data('lg-img') ``` 获取路径值。 6. bootstrap中圆角`rounded-circle` 7. 可以使用`order-*`调整显示顺序 8. 伸缩布局两步走`container+row` ```javascript
***
【文件预览】：
bootstrap响应式布局
----index.html(22KB)
----favicon.ico(4KB)
----images()
--------slide_01_2000x410.jpg(137KB)
--------airbnb-logo.png(20KB)
--------macBook.png(2.38MB)
--------walmart-logo.png(19KB)
--------ewm_lk.jpg(147KB)
--------ft_bg.png(25KB)
--------facebook-logo.png(1KB)
--------iphoneX2.png(120KB)
--------ibm-logo.png(8KB)
--------slide_03_2000x410.jpg(113KB)
--------bloomberg-logo.png(19KB)
--------slide_02_2000x410.jpg(122KB)
--------lk_logo.png(31KB)
--------slide_02_900x410.jpg(134KB)
--------tearch_banner.png(1022KB)
--------reg.jpg(149KB)
--------ok_n.png(744B)
--------swift-logo.png(20KB)
--------gxq.jpg(17KB)
--------slide_01_900x410.jpg(130KB)
--------paypal-logo.png(24KB)
--------slide_03_900x410.jpg(141KB)
--------ad.jpg(657KB)
--------star.png(477B)
--------xinlang-h.png(6KB)
--------team.jpg(179KB)
--------team.png(1.03MB)
--------wzs.png(580KB)
--------iphoneX.png(178KB)
--------google-logo.png(7KB)
--------weixin-h.png(4KB)
--------yjh.png(640KB)
--------success.png(5KB)
----lib()
--------js()
--------css()
----js()
--------index.js(3KB)
----register.html(2KB)
----login.html(3KB)
----fonts()
--------lk.svg(5KB)
--------lk.eot(3KB)
--------lk.ttf(2KB)
--------lk.woff(2KB)
----css()
--------index.css(5KB)
--------sign.css(32KB)
--------login.css(178B)