04-地图布局

时间:2024-03-07 11:38:34
【文件属性】:

文件名称:04-地图布局

文件大小:469KB

文件格式:ZIP

更新时间:2024-03-07 11:38:34

HTML

背景与目标 像在演讲中一样构建。 对于本练习,请注意,我们没有在index.html任何地方导入Bootstrap! 您将需要在pages/map.css文件中实现此布局,而不使用Bootstrap: 开始挑战 确保您了解index.html的代码,以及我们给您提供的navbar和卡的设计(位于components/navbar.css和components/card.css 。 如果您不完全了解它,请举一张票,然后有人会解释! 返回讲座以练习如何使用flexbox和position: sticky构建布局。 不要通过检查代码来作弊! :magnifying_glass_tilted_right: 这项挑战的目的是教您如何自己构建布局。 花点时间思考,问老师是否被卡住了,但不要作弊 :winking_face: ! 要显示MapBox地图,您将需要,并确保将自己的密钥添加到#map图像元素的src属性中的url中。 要测试代码并在浏览器中查看页面,请使用以下命令启


【文件预览】:
04-Map-layout-map-pages
----css()
--------pages()
--------components()
--------style.css(604B)
----images()
--------berlin.jpg(105KB)
--------shanghai.jpg(70KB)
--------barcelona.jpg(139KB)
--------rio.jpg(112KB)
--------seb.jpeg(20KB)
--------logo.png(20KB)
----Rakefile(245B)
----index.html(4KB)
----README.md(2KB)

网友评论