先下载fontawesome5.6.3,选择free for web,下载完解压,丢在资源目录下 <form action=""> <div class="form-group"> <div class="input-group"> <input type="text" class="form-control" placeholder="请输入用户名&qu…

1.bootstrap4中bootstrap_treeview不显示图标原因 查看过大神的博客,经过自己试验,插件依赖: bootstrap/3.3.7 jquery/3.3.1 <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/j…

在webpack项目开发中,难免会需要一些图标,如果用到bootstrap4的话,就会碰到一些问,因为bootstrap 4.x版本把icon分离出来作为一个单独的项目open-iconic,所以cnpm i bootstrap -S是还不够的.还需要在安装open-iconic项目. 1. 下载安装:cnpm i bootstrap -S  如果是4以上的版本,还需要安装 cnpm i https://github.com/iconic/open-iconic.git -D 2. 在main.…

根据Bootstrap--Grid 中 col-sm-* col-md-* col-lg-* col-xl-*的意义: .col-sm-* 小屏幕 手机 (≥ 576px) .col-md-* 中等屏幕 平板 (≥ 768px) .col-lg-* 大屏幕  桌面显示器 (≥ 992px) .col-xl-* 超大屏幕 大桌面显示器 (≥ 1200px) 说明: 1.  col- 列:-*表示占列,即占自动每个row分12列栅格系统比: 2.sm-small  小; md-medium  中等;…

前言 本文写于2020年1月11日,仅提供最基本的引用方法,参考fontawesome5英文官方文档和vue-fontawesome英文官方文档. 正文 在vue项目中使用fontawesome5图标,不需要引入fontawesome组件,直接引入vue-fontawesome和相关组件就可以了. 第1步:npm install 在vue项目目录中执行下面的安装命令: npm i --save @fortawesome/fontawesome-svg-core npm i --save @for…

学习注意事项 col-*-* 第一个*是设备类型,第二个*是控件宽度的占比 屏幕被等分为12,col-1宽度是1/12,col-6宽度是50%,col-12宽度是100% 给应用了class的element,添加上style="background-color: red",通过背景色可以比较方便地看出效果. Bootstrap4中的使用 http://www.runoob.com/bootstrap4/bootstrap4-grid-basic.html Bootstrap 4 网格系…

说明 本篇博客仅用于个人随笔,所以内容比较随意. 在bootstrap4中,引入样式后,按钮.输入框等组件的选取状态会出现黑色加重边框,该如何解决? 解决示例: input:focus{outline: none;} 输入框.按钮组件如何居中? 解决方法:在CSS调整外边距为auto.即margin: auto; CSS中组件阴影效果应该调整哪个属性? 答:box-shadow.该属性仅在高版本的chrome.firefox等浏览器中生效(备注:360.百度等浏览器使用了chrome内核) 如何…

2015年11月9日,Google发布人工智能系统TensorFlow并宣布开源,同日,极客学院组织在线TensorFlow中文文档翻译.一个月后,30章文档全部翻译校对完成,上线并提供电子书下载,该文档的上线为国内外使用中文学习TensorFlow的工程及研究人员提供了更快的访问速度和更好的阅读体验,助力中国AI技术与世界同步.在线阅读地址为:http://wiki.jikexueyuan.com/project/tensorflow-zh/ 众所周知,人工智能将是未来发展的大方向,从国家到全…

一.需求 1.分析:用react开发一个类似bootstrap4中的card组件http://v4-alpha.getbootstrap.com/components/card/,界面类似如下: 2.确定发目标: 3.确定开发顺序 4.开发流程介绍 测试采用TDD 二.代码 1.Card.js var React = require('react/addons'); var Card = React.createClass({ getInitialState: function() { retu…

开发中遇到的一个小问题,记录一下,如果有朋友也遇到了相同的问题,可以少走些弯路少花点时间. 如图: 分页插件使用了JqGrid,但是分页栏里出现了问题,上一页.下一页这些按钮的图标都显示为空,记得以前没有这种问题的. 最终还是找到了问题,首先,JqGrid分页按钮的图标css样式使用的是glyphicon,glyphicon是收费的,在bootstrap4这个版本中glyphicon就被移除掉了,如果引入的文件是bootstrap4或者以上版本的话,JqGrid分页按钮图标不显示的bug应该都存…