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

淩亂°似流年 2021-11-16 08:42 276阅读 0赞

准备复原一个网站

网址

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

学习笔记

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

logo选择

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

bootstrap

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

页面排版

文笔有限直接上代码吧

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

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

响应式

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

导航栏

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

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

除此之外的个人学习

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

第一次写博客，如果有不准确的地方，请大佬指正!

发表评论

表情：
评论列表 （有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读