制作一个响应式网页用到的东西(jQuery和bootstrap)

准备复原一个网站

网址

相关的jQuery和bootstrap
个人是在菜鸟教程手册网上学习的 、查找资料的,可以供参考

学习笔记

因为个人在做一个网页的时候,因为能力不够,原生的JS写的不够好,不能很好的展现我需要表达的东西,所以引入了jQuery和bootstrap。下面是个人对一些东西的用法:

logo选择

可以在阿里巴巴矢量图标库找到并选择的;
但我个人是在手册网定制的logo。

bootstrap

做网页都得有精美的CSS, bootstrap有众多的模板可供选择
然后就是我运用的一些模板

页面排版

文笔有限直接上代码吧

<div class = "container">  <!-- 建立一个容器-->
		
</div>

这个是创建一个容器,然后东西都写在里面就OK

响应式

原话是这样的:Bootstrap 提供了一些辅助类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。
我的个人理解是:在不同的显示器展示不同的效果。

导航栏

说实话 我在制作网页时 导航栏的确困扰了我很长时间
纠结他的CSS,纠结他的响应式。
当然,截至我写这个的时候,还是没有解决。

不过有一些自己的思路:
1.在不同的媒体条件设置不同的CSS,以求达到响应式(不知道可不可行)
2.使用jQuery当点击图标时,触发某一个函数,使隐藏的元素显示出来,还要设置不同的z-index,以免出现重叠
3.也可以设置滚动监听来达到同样的效果

除此之外的个人学习

轮播图的制作也存在一点问题
对于bootstrap的class使用还是存在一些不解,自己写了网页才发现,写CSS的能力特差,需要加强





第一次写博客,如果有不准确的地方,请大佬指正!
发布了10 篇原创文章 · 获赞 12 · 访问量 838

猜你喜欢

转载自blog.csdn.net/kangzinian/article/details/97697624