BootStrap中的Fontawesome 图标


Posted in Javascript onMay 25, 2017

终于暂时的结束了winform迎来了B/S的项目,这个需要我们自己写前端页面,要用bootstrap搭页面,本人小白,正在慢慢摸索中,主要记录遇到的问题,及解决办法。

BootStrap中的Fontawesome 图标

第一个,显示时间选择的控件。我在网上也搜了好多相关组件,但是可能跟我之前引入的js和css有冲突,所以出来的格式一直不对。后来就重新建了一个页面,专门显示datetimepicker,这次很容易就出来了。

@section CSS{
 <link href="~/Content/admin/css/bootstrap-datetimepicker.min.css" rel="external nofollow" rel="stylesheet" />
 <link href="~/Content/admin/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet" />//需要引入的css,不过这里还缺一个,后面会提到。
}
<input size="16" type="text" id="datetimeStart" readonly class="form_datetime">
--
<input size="16" type="text" id="datetimeEnd" readonly class="form_datetime">
@section Scripts{
 <script src="~/Content/admin/js/jquery.min.js"></script>
 <script src="~/Content/admin/js/bootstrap.min.js"></script>
 <script src="~/Content/bootstrap-datetimepicker.min.js"></script>
 <script src="~/Content/bootstrap-datetimepicker.zh-CN.js"></script>//需要引入的js文件
}
<script type="text/javascript">
 $(function () {
  $('#datetimeStart').datetimepicker({
   format: 'yyyy-mm-dd',
   minView: 'month',
   language: 'zh-CN',
   autoclose: true,
  }).on('click', function () {
   $('#datetimeStart').datetimepicker("setEndDate", $("#datetimeEnd").val())
  });
  $("#datetimeEnd").datetimepicker({
   format: 'yyyy-mm-dd',
   minView: 'month',
   language: 'zh-CN',
   autoclose: true,
  }).on("click", function () {
   $("#datetimeEnd").datetimepicker("setStartDate", $("#datetimeStart".val()))
  });
 }); //设置datetimepicker的一些初始属性,参考链接:http://www.cnblogs.com/yttsic/p/3492834.html
</script>

控件显示到页面上之后,我就发现不对劲,因为没有左右的箭头,BootStrap中的Fontawesome 图标又捣鼓了一阵,最后找到了对应的css文件BootStrap中的Fontawesome 图标,随后百度了这个的意思,才知道用的是fontawesome图标
BootStrap中的Fontawesome 图标而不是Glyphicon字体图标。(附参考链接:https://www.huangwenchao.com.cn/2014/12/font-awesome-css.html),最后恍然大明白,原来我没有加fontawesome图标的css文件

<link href="~/Content/admin/font-awesome/css/font-awesome.css" rel="external nofollow" rel="stylesheet" />//上面说的少个就是这个

以上所述是小编给大家介绍的BootStrap中的Fontawesome 图标,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 Javascript
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
Aug 15 Javascript
Jquery 学习笔记(一)
Oct 13 Javascript
json 入门基础教程 推荐
Oct 31 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
Aug 13 Javascript
创建js对象和js类的方法汇总
Dec 24 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
Aug 10 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
Nov 06 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
使用原生js编写一个简单的框选功能方法
May 13 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 Javascript
vue data变量相互赋值后被实时同步的解决步骤
Aug 05 Javascript
Vue.js 中的 $watch使用方法
May 25 #Javascript
详解Javascript获取缓存和清除缓存API
May 25 #Javascript
Angularjs 实现动态添加控件功能
May 25 #Javascript
JavaScript实现自动跳转文本功能
May 25 #Javascript
angularjs项目的页面跳转如何实现(5种方法)
May 25 #Javascript
AngularJS基于factory创建自定义服务的方法详解
May 25 #Javascript
AngularJS读取JSON及XML文件的方法示例
May 25 #Javascript
You might like
服务器端解压缩zip的脚本
2006/12/22 PHP
php生成N个不重复的随机数实例
2013/11/12 PHP
培养自己的php编码规范
2015/09/28 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
Yii 框架入口脚本示例分析
2020/05/19 PHP
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
javascipt:filter过滤介绍及使用
2014/09/10 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
angularJS结合canvas画图例子
2015/02/09 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
总结jQuery插件开发中的一些要点
2016/05/16 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
js获取指定时间的前几秒
2017/04/05 Javascript
微信小程序tabBar用法实例详解
2017/12/04 Javascript
vue全局使用axios的操作
2020/09/08 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
python中异常捕获方法详解
2017/03/03 Python
Win7 64位下python3.6.5安装配置图文教程
2020/10/27 Python
django 实现编写控制登录和访问权限控制的中间件方法
2019/01/15 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
python 上下文管理器及自定义原理解析
2019/11/19 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
西班牙第一的网上药房:PromoFarma.com
2017/04/17 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
Vrbo西班牙:预订您的度假公寓(公寓、乡村房屋…)
2020/04/27 全球购物
公司出纳岗位职责
2013/12/07 职场文书
班级德育工作实施方案
2014/02/21 职场文书
2014年评职称工作总结
2014/11/20 职场文书
民事辩护词范文
2015/05/21 职场文书
小时代观后感
2015/06/10 职场文书
十二生肖观后感
2015/06/12 职场文书
运动员加油词
2015/07/18 职场文书
保安辞职申请书应该怎么写?
2019/07/15 职场文书