摘要: 案例黑马旅游网页 <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" 阅读全文
posted @ 2022-11-17 16:21 漁夫 阅读(21) 评论(0) 推荐(0)
摘要: Bootstrap_组件_导航条&分页条 导航条 <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta 阅读全文
posted @ 2022-11-17 15:15 漁夫 阅读(43) 评论(0) 推荐(0)
摘要: Bootstrap_全局CSS样式_按钮&图片 全局CSS样式: 按钮:class="btn btn-default" 图片: class="img-responsive" : 图片在任意尺寸都占100% 图片形状 <!-- 方形--> <img src="img/banner_1.jpg" cla 阅读全文
posted @ 2022-11-17 10:04 漁夫 阅读(24) 评论(0) 推荐(0)
摘要: Bootstrap_格栅系统_入门 响应式布局: 同一套页面可以兼容不同分辨率的设备 实现:依赖于栅格系统:将一行平均分成12个格子、可以指定元素占几个格子 步骤:定义容器。相当于之前的table 容器分类: container:两边留白 container-fluid:每一种设备都是100%宽度 阅读全文
posted @ 2022-11-17 09:29 漁夫 阅读(57) 评论(0) 推荐(0)