Bootstrap开发公司网站手机端一些总结

图标部分、上面的6个图标(包括房产、股权等),实际不是一个图片,而是在阿里图库注册后调用的图标。图标的大小控制可以通过class中定义font-size的大小来进行控制的,其实Bootstrap也有自己的图标库。当时我没找到所需要的全部的图标,所以就去阿里图标库找了,这个没什么影响。底部的刷新、返回顶部的按钮则是应用了Bootstrap的图标库。搜索Bootstrap的图标字体,然后找到可以定制图标的网站(很多),就可以对图标进行颜色大小等属性的改变,生成代码后将代码放到需要显示图标的位置就可以(前提是引入Bootstrap的css、js以及jquery和在对应目录加入fonts的字体文件夹)

登陆页面、登陆页面利用Bootstrap进行了改写!效果看起来感觉高大上了一些些,代码略简单,在Bootstrap的一些学习网站将有关输入框、按钮的资料看一遍。按照自己的需求修改好代码,然后写到对应位置即可

帮助中心列表、  帮助中心列表应用了列表组的组件。需要用到的2个类参数分别是list-group和list-group-item,list-group定义了一个列表组,可以是一个div活着一个ul,而list-group-item则是列表中的一个选项。当然list-group-item也可以是一个li活着一个a链接等标签(效果如下图)

  效果实现如上图所示!接下来会不定时在这里更新一下总结

原文地址:https://www.cnblogs.com/hjxcode/p/6322704.html