![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Bootstrap
文章平均质量分 91
糖小媎
糖果色的心情
展开
-
Bootstrap部分案例
主要用于组件:媒体对象-Media object代码如下效果如下主要用于页面内容:表格-Table代码如下效果如下主要用于组件:模态框-Modal代码如下效果如下:(点击结算弹出)扩展内容-图标代码如下效果如下折叠 滚动监听 下拉菜单 分页导航-面包屑导航 等等(需要留下印象)页面中引入库① bootstrap.min.css:Bootstrap核心样式【添加到head标签中】原创 2022-04-03 20:30:00 · 2801 阅读 · 0 评论 -
Bootstrap部分案例
主要用于组件:轮播-Carousel代码如下效果如下主要用于组件:列表组-List group代码如下效果如下 页面内容需要:画像-Figure代码如下效果如下1、完善轮播图(左右箭头 指示灯样式)2、完善新书上架&热门书籍代码如下效果如下主要用于组件:表单-Forms代码如下效果如下Bootstrap文档:简介 · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网原创 2022-04-01 20:36:06 · 3488 阅读 · 2 评论 -
Bootstrap(前端开发框架一)
1、What:Bootstrap是什么2、Why:为什么学Bootstrap?3、Where:什么时候用Bootstrap?1、下载Bootstrap库2、页面中引入库准备工作例1:查询按钮原生态实现对比Bootstrap方式实现例2:演示Bootstrap页面在手机浏览器中展示效果例3:首页导航&搜索区域原生态实现(div+css)例4:首页导航&搜索区域Bootstrap实现&搭首页框架1、导航条组件的使用-Navbar2、布局容器3、表单-Forms+输入框组组件-Input group4、栅格系统-原创 2022-03-31 07:51:40 · 4828 阅读 · 0 评论