HTML5 移动端网页中如何使用 bootstrap 框架?
作者:卡卷网发布时间:2024-12-29 14:22浏览数量:85次评论数量:0次
原创(排版、源码皆原创),布局简约,初学者水平,各功能代码都有详细注释。
主题:家乡/城市/旅游--《云南》,含登录 注册页面,命名规范,首页用index.html命名,一共8页可相互跳转。
⬛️结构和布局:html+css+js,图片文件放在images文件夹,基于bootstrap技术web前端框架,bootstrap基本架构,栅格系统布局。(文件素材的引用都采用相对路径)
响应式:电脑端,平板端,手机端都自适应。有用到媒体查询。(在不同屏幕下都能适应其宽度,缩小后导航呈现汉堡菜单)
网页内容:对云南的历史,美食,景点,攻略等进行介绍。
排版和技术:图片文字排版,运用了常见组件,<nav>折叠导航(汉堡菜单),轮播图,表格,卡片,滚动监听,折叠手风琴,进度条,模态框,媒体对象,表单,表单验证,按钮等。
打开软件:dw、hbuilder、vscode、sublime、WebStorm、idea、eclipse等。
网站预览
1、网站首页
2、云南历史
3、当地美食
4、著名景点
5、旅游资讯
6、云南风俗
7、登录
8、注册
END
免责声明:本文由卡卷网编辑并发布,但不代表本站的观点和立场,只提供分享给大家。
- 上一篇:网站域名怎么选择?
- 下一篇:ping 没有端口号, 如何保证数据的正确接收?
相关推荐
最新文章
随机文章
广告位

你 发表评论:
欢迎