zoukankan      html  css  js  c++  java
  • 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链接等标签(效果如下图)

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

  • 相关阅读:
    react-project(二)
    JS--轻松设置获取表单数据
    C#基础---Queue(队列)的应用
    C#基础---Attribute(标签) 和 reflect(反射) 应用二
    C#基础---Attribute(标签) 和 reflect(反射) 应用
    基于Cordova的博客园三方App
    Vue站点的搭建之旅
    移动端浏览器问题汇总
    C#基础---浅谈XML读取以及简单的ORM实现
    WebSite---前台系统图片验证码心得
  • 原文地址:https://www.cnblogs.com/hjxcode/p/6322704.html
Copyright © 2011-2022 走看看