bootstrap响应式布局

【文件属性】：

文件名称：bootstrap响应式布局

文件大小：8.42MB

文件格式：ZIP

更新时间：2023-04-09 04:12:42

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

***

``` 9. 可以利用`offset`设置偏移量调整位置 10. 将jQuery对象转换为js对象可以直接通过下标取 11. 轮播图可以通过`.carousel('prev')`和`.carousel('next')`触发前后滑动事件 12. jQuery中缩小元素查找范围 ```javascript let $ul = $("#lk_product .nav"); let $allLis = $(".nav-item", $ul); ```

【文件预览】：
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)