how2j.cn


工具版本兼容问题
Bootstrap提供了总共263种字体图标 可以满足大部分的图标需求

为了能够正常使用bootstrap.min.css文件的上一级目录必须要有 fonts 目录,并且里面有,不能够缺失


示例 1 : 一个字体图标   
示例 2 : 字体图标设置颜色   
示例 3 : 字体图标上加超链   
示例 4 : 在button上使用字体图标   
示例 5 : 所有的字体图标   

示例 1 :

一个字体图标

edit
使用class: glyphicon glyphicon-asterisk

<span class="glyphicon glyphicon-asterisk"></span>
运行效果
<!DOCTYPE html> <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script> <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script> <span class="glyphicon glyphicon-asterisk"></span>
<!DOCTYPE html>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
   
<span class="glyphicon glyphicon-asterisk"></span>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 2 :

字体图标设置颜色

edit
加一个文本类 text-success

<span class="glyphicon glyphicon-asterisk text-success"></span>
运行效果
<!DOCTYPE html> <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script> <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script> <span class="glyphicon glyphicon-asterisk text-success"></span>
<!DOCTYPE html>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    
<span class="glyphicon glyphicon-asterisk text-success"></span>



源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 3 :

字体图标上加超链

edit
在span外面套一个a标签

<a href="#nowhere">
<span class="glyphicon glyphicon-asterisk"></span> 连接
</a>
运行效果
<!DOCTYPE html> <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script> <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script> <a href="#nowhere"> <span class="glyphicon glyphicon-asterisk"></span> 连接 </a>
<!DOCTYPE html>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    
<a href="#nowhere">
<span class="glyphicon glyphicon-asterisk"></span> 连接
</a>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 4 :

在button上使用字体图标

edit
在span外面套一个button标签


<button class="btn btn-primary btn">
<span class="glyphicon glyphicon-asterisk"></span> 按钮
</button>
运行效果
<!DOCTYPE html> <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script> <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script> <button class="btn btn-primary btn-xs"> <span class="glyphicon glyphicon-asterisk"></span> 最小按钮 </button> <button class="btn btn-primary btn"> <span class="glyphicon glyphicon-asterisk"></span> 按钮 </button>
<!DOCTYPE html>
<script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
<link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    
<button class="btn btn-primary btn-xs">
  <span class="glyphicon glyphicon-asterisk"></span> 最小按钮
</button>
<button class="btn btn-primary btn">
  <span class="glyphicon glyphicon-asterisk"></span> 按钮
</button>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
示例 5 :

所有的字体图标

edit
<!DOCTYPE html> <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script> <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script> <style> body{ font-family:宋体; } </style> <table class="table table-striped table-bordered table-hover table-condensed" > <thead> <th>预览</th> <th>class</th> <th>图标</th> </thead> <tbody> <tr> <td><span class="glyphicon glyphicon-asterisk"></span></td> <td>glyphicon glyphicon-asterisk</td> <td>菊花</td> </tr> <tr> <td><span class="glyphicon glyphicon-plus"></span></td> <td>glyphicon glyphicon-plus</td> <td>加号</td> </tr> <tr> <td><span class="glyphicon glyphicon-euro"></span></td> <td>glyphicon glyphicon-euro</td> <td>欧元</td> </tr> <tr> <td><span class="glyphicon glyphicon-eur"></span></td> <td>glyphicon glyphicon-eur</td> <td>欧元</td> </tr> <tr> <td><span class="glyphicon glyphicon-minus"></span></td> <td>glyphicon glyphicon-minus</td> <td>减号</td> </tr> <tr> <td><span class="glyphicon glyphicon-cloud"></span></td> <td>glyphicon glyphicon-cloud</td> <td>云</td> </tr> <tr> <td><span class="glyphicon glyphicon-envelope"></span></td> <td>glyphicon glyphicon-envelope</td> <td>信封</td> </tr> <tr> <td><span class="glyphicon glyphicon-pencil"></span></td> <td>glyphicon glyphicon-pencil</td> <td>铅笔</td> </tr> <tr> <td><span class="glyphicon glyphicon-glass"></span></td> <td>glyphicon glyphicon-glass</td> <td>酒杯</td> </tr> <tr> <td><span class="glyphicon glyphicon-music"></span></td> <td>glyphicon glyphicon-music</td> <td>音乐</td> </tr> <tr> <td><span class="glyphicon glyphicon-search"></span></td> <td>glyphicon glyphicon-search</td> <td>搜索</td> </tr> <tr> <td><span class="glyphicon glyphicon-heart"></span></td> <td>glyphicon glyphicon-heart</td> <td>心型</td> </tr> <tr> <td><span class="glyphicon glyphicon-star"></span></td> <td>glyphicon glyphicon-star</td> <td>明星</td> </tr> <tr> <td><span class="glyphicon glyphicon-star-empty"></span></td> <td>glyphicon glyphicon-star-empty</td> <td>星空</td> </tr> <tr> <td><span class="glyphicon glyphicon-user"></span></td> <td>glyphicon glyphicon-user</td> <td>用户</td> </tr> <tr> <td><span class="glyphicon glyphicon-film"></span></td> <td>glyphicon glyphicon-film</td> <td>电影</td> </tr> <tr> <td><span class="glyphicon glyphicon-th-large"></span></td> <td>glyphicon glyphicon-th-large</td> <td>粗颗粒</td> </tr> <tr> <td><span class="glyphicon glyphicon-th"></span></td> <td>glyphicon glyphicon-th</td> <td>细颗粒</td> </tr> <tr> <td><span class="glyphicon glyphicon-th-list"></span></td> <td>glyphicon glyphicon-th-list</td> <td>列表</td> </tr> <tr> <td><span class="glyphicon glyphicon-ok"></span></td> <td>glyphicon glyphicon-ok</td> <td>成功</td> </tr> <tr> <td><span class="glyphicon glyphicon-remove"></span></td> <td>glyphicon glyphicon-remove</td> <td>删除</td> </tr> <tr> <td><span class="glyphicon glyphicon-zoom-in"></span></td> <td>glyphicon glyphicon-zoom-in</td> <td>放大</td> </tr> <tr> <td><span class="glyphicon glyphicon-zoom-out"></span></td> <td>glyphicon glyphicon-zoom-out</td> <td>缩小</td> </tr> <tr> <td><span class="glyphicon glyphicon-off"></span></td> <td>glyphicon glyphicon-off</td> <td>关闭</td> </tr> <tr> <td><span class="glyphicon glyphicon-signal"></span></td> <td>glyphicon glyphicon-signal</td> <td>信号</td> </tr> <tr> <td><span class="glyphicon glyphicon-cog"></span></td> <td>glyphicon glyphicon-cog</td> <td>设置</td> </tr> <tr> <td><span class="glyphicon glyphicon-trash"></span></td> <td>glyphicon glyphicon-trash</td> <td>垃圾箱</td> </tr> <tr> <td><span class="glyphicon glyphicon-home"></span></td> <td>glyphicon glyphicon-home</td> <td>主页</td> </tr> <tr> <td><span class="glyphicon glyphicon-file"></span></td> <td>glyphicon glyphicon-file</td> <td>文件</td> </tr> <tr> <td><span class="glyphicon glyphicon-time"></span></td> <td>glyphicon glyphicon-time</td> <td>时间</td> </tr> <tr> <td><span class="glyphicon glyphicon-road"></span></td> <td>glyphicon glyphicon-road</td> <td>道路</td> </tr> <tr> <td><span class="glyphicon glyphicon-download-alt"></span></td> <td>glyphicon glyphicon-download-alt</td> <td>下载</td> </tr> <tr> <td><span class="glyphicon glyphicon-download"></span></td> <td>glyphicon glyphicon-download</td> <td>下载</td> </tr> <tr> <td><span class="glyphicon glyphicon-upload"></span></td> <td>glyphicon glyphicon-upload</td> <td>上传</td> </tr> <tr> <td><span class="glyphicon glyphicon-inbox"></span></td> <td>glyphicon glyphicon-inbox</td> <td>收件箱</td> </tr> <tr> <td><span class="glyphicon glyphicon-play-circle"></span></td> <td>glyphicon glyphicon-play-circle</td> <td>播放</td> </tr> <tr> <td><span class="glyphicon glyphicon-repeat"></span></td> <td>glyphicon glyphicon-repeat</td> <td>重复</td> </tr> <tr> <td><span class="glyphicon glyphicon-refresh"></span></td> <td>glyphicon glyphicon-refresh</td> <td>刷新</td> </tr> <tr> <td><span class="glyphicon glyphicon-list-alt"></span></td> <td>glyphicon glyphicon-list-alt</td> <td>列表</td> </tr> <tr> <td><span class="glyphicon glyphicon-lock"></span></td> <td>glyphicon glyphicon-lock</td> <td>锁定</td> </tr> <tr> <td><span class="glyphicon glyphicon-flag"></span></td> <td>glyphicon glyphicon-flag</td> <td>旗帜</td> </tr> <tr> <td><span class="glyphicon glyphicon-headphones"></span></td> <td>glyphicon glyphicon-headphones</td> <td>耳机</td> </tr> <tr> <td><span class="glyphicon glyphicon-volume-off"></span></td> <td>glyphicon glyphicon-volume-off</td> <td>静音</td> </tr> <tr> <td><span class="glyphicon glyphicon-volume-down"></span></td> <td>glyphicon glyphicon-volume-down</td> <td>调低音量</td> </tr> <tr> <td><span class="glyphicon glyphicon-volume-up"></span></td> <td>glyphicon glyphicon-volume-up</td> <td>调高音量</td> </tr> <tr> <td><span class="glyphicon glyphicon-qrcode"></span></td> <td>glyphicon glyphicon-qrcode</td> <td>二维码</td> </tr> <tr> <td><span class="glyphicon glyphicon-barcode"></span></td> <td>glyphicon glyphicon-barcode</td> <td>条码</td> </tr> <tr> <td><span class="glyphicon glyphicon-tag"></span></td> <td>glyphicon glyphicon-tag</td> <td>标签</td> </tr> <tr> <td><span class="glyphicon glyphicon-tags"></span></td> <td>glyphicon glyphicon-tags</td> <td>复数标签</td> </tr> <tr> <td><span class="glyphicon glyphicon-book"></span></td> <td>glyphicon glyphicon-book</td> <td>书籍</td> </tr> <tr> <td><span class="glyphicon glyphicon-bookmark"></span></td> <td>glyphicon glyphicon-bookmark</td> <td>书签</td> </tr> <tr> <td><span class="glyphicon glyphicon-print"></span></td> <td>glyphicon glyphicon-print</td> <td>打印</td> </tr> <tr> <td><span class="glyphicon glyphicon-camera"></span></td> <td>glyphicon glyphicon-camera</td> <td>相机</td> </tr> <tr> <td><span class="glyphicon glyphicon-font"></span></td> <td>glyphicon glyphicon-font</td> <td>字体</td> </tr> <tr> <td><span class="glyphicon glyphicon-bold"></span></td> <td>glyphicon glyphicon-bold</td> <td>粗体</td> </tr> <tr> <td><span class="glyphicon glyphicon-italic"></span></td> <td>glyphicon glyphicon-italic</td> <td>斜体</td> </tr> <tr> <td><span class="glyphicon glyphicon-text-height"></span></td> <td>glyphicon glyphicon-text-height</td> <td>文本高度</td> </tr> <tr> <td><span class="glyphicon glyphicon-text-width"></span></td> <td>glyphicon glyphicon-text-width</td> <td>文本宽度</td> </tr> <tr> <td><span class="glyphicon glyphicon-align-left"></span></td> <td>glyphicon glyphicon-align-left</td> <td>左对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-align-center"></span></td> <td>glyphicon glyphicon-align-center</td> <td>居中对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-align-right"></span></td> <td>glyphicon glyphicon-align-right</td> <td>右对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-align-justify"></span></td> <td>glyphicon glyphicon-align-justify</td> <td>对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-list"></span></td> <td>glyphicon glyphicon-list</td> <td>列表</td> </tr> <tr> <td><span class="glyphicon glyphicon-indent-left"></span></td> <td>glyphicon glyphicon-indent-left</td> <td>左缩进</td> </tr> <tr> <td><span class="glyphicon glyphicon-indent-right"></span></td> <td>glyphicon glyphicon-indent-right</td> <td>右缩进</td> </tr> <tr> <td><span class="glyphicon glyphicon-facetime-video"></span></td> <td>glyphicon glyphicon-facetime-video</td> <td>视频</td> </tr> <tr> <td><span class="glyphicon glyphicon-picture"></span></td> <td>glyphicon glyphicon-picture</td> <td>图片</td> </tr> <tr> <td><span class="glyphicon glyphicon-map-marker"></span></td> <td>glyphicon glyphicon-map-marker</td> <td>地图标记</td> </tr> <tr> <td><span class="glyphicon glyphicon-adjust"></span></td> <td>glyphicon glyphicon-adjust</td> <td>调整</td> </tr> <tr> <td><span class="glyphicon glyphicon-tint"></span></td> <td>glyphicon glyphicon-tint</td> <td>色彩</td> </tr> <tr> <td><span class="glyphicon glyphicon-edit"></span></td> <td>glyphicon glyphicon-edit</td> <td>编辑</td> </tr> <tr> <td><span class="glyphicon glyphicon-share"></span></td> <td>glyphicon glyphicon-share</td> <td>分享</td> </tr> <tr> <td><span class="glyphicon glyphicon-check"></span></td> <td>glyphicon glyphicon-check</td> <td>检查</td> </tr> <tr> <td><span class="glyphicon glyphicon-move"></span></td> <td>glyphicon glyphicon-move</td> <td>移动</td> </tr> <tr> <td><span class="glyphicon glyphicon-step-backward"></span></td> <td>glyphicon glyphicon-step-backward</td> <td>单步后退</td> </tr> <tr> <td><span class="glyphicon glyphicon-fast-backward"></span></td> <td>glyphicon glyphicon-fast-backward</td> <td>快速后退</td> </tr> <tr> <td><span class="glyphicon glyphicon-backward"></span></td> <td>glyphicon glyphicon-backward</td> <td>后退</td> </tr> <tr> <td><span class="glyphicon glyphicon-play"></span></td> <td>glyphicon glyphicon-play</td> <td>播放</td> </tr> <tr> <td><span class="glyphicon glyphicon-pause"></span></td> <td>glyphicon glyphicon-pause</td> <td>暂停</td> </tr> <tr> <td><span class="glyphicon glyphicon-stop"></span></td> <td>glyphicon glyphicon-stop</td> <td>停止</td> </tr> <tr> <td><span class="glyphicon glyphicon-forward"></span></td> <td>glyphicon glyphicon-forward</td> <td>前进</td> </tr> <tr> <td><span class="glyphicon glyphicon-fast-forward"></span></td> <td>glyphicon glyphicon-fast-forward</td> <td>快速前进</td> </tr> <tr> <td><span class="glyphicon glyphicon-step-forward"></span></td> <td>glyphicon glyphicon-step-forward</td> <td>单步向前</td> </tr> <tr> <td><span class="glyphicon glyphicon-eject"></span></td> <td>glyphicon glyphicon-eject</td> <td>弹出</td> </tr> <tr> <td><span class="glyphicon glyphicon-chevron-left"></span></td> <td>glyphicon glyphicon-chevron-left</td> <td>左</td> </tr> <tr> <td><span class="glyphicon glyphicon-chevron-right"></span></td> <td>glyphicon glyphicon-chevron-right</td> <td>右</td> </tr> <tr> <td><span class="glyphicon glyphicon-plus-sign"></span></td> <td>glyphicon glyphicon-plus-sign</td> <td>增加</td> </tr> <tr> <td><span class="glyphicon glyphicon-minus-sign"></span></td> <td>glyphicon glyphicon-minus-sign</td> <td>减少</td> </tr> <tr> <td><span class="glyphicon glyphicon-remove-sign"></span></td> <td>glyphicon glyphicon-remove-sign</td> <td>删除</td> </tr> <tr> <td><span class="glyphicon glyphicon-ok-sign"></span></td> <td>glyphicon glyphicon-ok-sign</td> <td>确定</td> </tr> <tr> <td><span class="glyphicon glyphicon-question-sign"></span></td> <td>glyphicon glyphicon-question-sign</td> <td>问题</td> </tr> <tr> <td><span class="glyphicon glyphicon-info-sign"></span></td> <td>glyphicon glyphicon-info-sign</td> <td>信息</td> </tr> <tr> <td><span class="glyphicon glyphicon-screenshot"></span></td> <td>glyphicon glyphicon-screenshot</td> <td>截图</td> </tr> <tr> <td><span class="glyphicon glyphicon-remove-circle"></span></td> <td>glyphicon glyphicon-remove-circle</td> <td>删除</td> </tr> <tr> <td><span class="glyphicon glyphicon-ok-circle"></span></td> <td>glyphicon glyphicon-ok-circle</td> <td>确定</td> </tr> <tr> <td><span class="glyphicon glyphicon-ban-circle"></span></td> <td>glyphicon glyphicon-ban-circle</td> <td>禁止</td> </tr> <tr> <td><span class="glyphicon glyphicon-arrow-left"></span></td> <td>glyphicon glyphicon-arrow-left</td> <td>左箭头</td> </tr> <tr> <td><span class="glyphicon glyphicon-arrow-right"></span></td> <td>glyphicon glyphicon-arrow-right</td> <td>右箭头</td> </tr> <tr> <td><span class="glyphicon glyphicon-arrow-up"></span></td> <td>glyphicon glyphicon-arrow-up</td> <td>上箭头</td> </tr> <tr> <td><span class="glyphicon glyphicon-arrow-down"></span></td> <td>glyphicon glyphicon-arrow-down</td> <td>下箭头</td> </tr> <tr> <td><span class="glyphicon glyphicon-share-alt"></span></td> <td>glyphicon glyphicon-share-alt</td> <td>分享</td> </tr> <tr> <td><span class="glyphicon glyphicon-resize-full"></span></td> <td>glyphicon glyphicon-resize-full</td> <td>打开</td> </tr> <tr> <td><span class="glyphicon glyphicon-resize-small"></span></td> <td>glyphicon glyphicon-resize-small</td> <td>关闭</td> </tr> <tr> <td><span class="glyphicon glyphicon-exclamation-sign"></span></td> <td>glyphicon glyphicon-exclamation-sign</td> <td>感叹号</td> </tr> <tr> <td><span class="glyphicon glyphicon-gift"></span></td> <td>glyphicon glyphicon-gift</td> <td>礼物</td> </tr> <tr> <td><span class="glyphicon glyphicon-leaf"></span></td> <td>glyphicon glyphicon-leaf</td> <td>树叶</td> </tr> <tr> <td><span class="glyphicon glyphicon-fire"></span></td> <td>glyphicon glyphicon-fire</td> <td>火焰</td> </tr> <tr> <td><span class="glyphicon glyphicon-eye-open"></span></td> <td>glyphicon glyphicon-eye-open</td> <td>睁眼</td> </tr> <tr> <td><span class="glyphicon glyphicon-eye-close"></span></td> <td>glyphicon glyphicon-eye-close</td> <td>闭眼</td> </tr> <tr> <td><span class="glyphicon glyphicon-warning-sign"></span></td> <td>glyphicon glyphicon-warning-sign</td> <td>警告</td> </tr> <tr> <td><span class="glyphicon glyphicon-plane"></span></td> <td>glyphicon glyphicon-plane</td> <td>飞机</td> </tr> <tr> <td><span class="glyphicon glyphicon-calendar"></span></td> <td>glyphicon glyphicon-calendar</td> <td>日历</td> </tr> <tr> <td><span class="glyphicon glyphicon-random"></span></td> <td>glyphicon glyphicon-random</td> <td>随机播放</td> </tr> <tr> <td><span class="glyphicon glyphicon-comment"></span></td> <td>glyphicon glyphicon-comment</td> <td>评论</td> </tr> <tr> <td><span class="glyphicon glyphicon-magnet"></span></td> <td>glyphicon glyphicon-magnet</td> <td>磁铁</td> </tr> <tr> <td><span class="glyphicon glyphicon-chevron-up"></span></td> <td>glyphicon glyphicon-chevron-up</td> <td>上调</td> </tr> <tr> <td><span class="glyphicon glyphicon-chevron-down"></span></td> <td>glyphicon glyphicon-chevron-down</td> <td>下调</td> </tr> <tr> <td><span class="glyphicon glyphicon-retweet"></span></td> <td>glyphicon glyphicon-retweet</td> <td>转发</td> </tr> <tr> <td><span class="glyphicon glyphicon-shopping-cart"></span></td> <td>glyphicon glyphicon-shopping-cart</td> <td>购物车</td> </tr> <tr> <td><span class="glyphicon glyphicon-folder-close"></span></td> <td>glyphicon glyphicon-folder-close</td> <td>关闭文件夹</td> </tr> <tr> <td><span class="glyphicon glyphicon-folder-open"></span></td> <td>glyphicon glyphicon-folder-open</td> <td>打开文件夹</td> </tr> <tr> <td><span class="glyphicon glyphicon-resize-vertical"></span></td> <td>glyphicon glyphicon-resize-vertical</td> <td>垂直调整</td> </tr> <tr> <td><span class="glyphicon glyphicon-resize-horizontal"></span></td> <td>glyphicon glyphicon-resize-horizontal</td> <td>水平调整</td> </tr> <tr> <td><span class="glyphicon glyphicon-hdd"></span></td> <td>glyphicon glyphicon-hdd</td> <td>硬盘</td> </tr> <tr> <td><span class="glyphicon glyphicon-bullhorn"></span></td> <td>glyphicon glyphicon-bullhorn</td> <td>扩音器</td> </tr> <tr> <td><span class="glyphicon glyphicon-bell"></span></td> <td>glyphicon glyphicon-bell</td> <td>铃铛</td> </tr> <tr> <td><span class="glyphicon glyphicon-certificate"></span></td> <td>glyphicon glyphicon-certificate</td> <td>证书</td> </tr> <tr> <td><span class="glyphicon glyphicon-thumbs-up"></span></td> <td>glyphicon glyphicon-thumbs-up</td> <td>赞同</td> </tr> <tr> <td><span class="glyphicon glyphicon-thumbs-down"></span></td> <td>glyphicon glyphicon-thumbs-down</td> <td>否定</td> </tr> <tr> <td><span class="glyphicon glyphicon-hand-right"></span></td> <td>glyphicon glyphicon-hand-right</td> <td>右手</td> </tr> <tr> <td><span class="glyphicon glyphicon-hand-left"></span></td> <td>glyphicon glyphicon-hand-left</td> <td>左手</td> </tr> <tr> <td><span class="glyphicon glyphicon-hand-up"></span></td> <td>glyphicon glyphicon-hand-up</td> <td>举起手</td> </tr> <tr> <td><span class="glyphicon glyphicon-hand-down"></span></td> <td>glyphicon glyphicon-hand-down</td> <td>放下手</td> </tr> <tr> <td><span class="glyphicon glyphicon-circle-arrow-right"></span></td> <td>glyphicon glyphicon-circle-arrow-right</td> <td>右箭头</td> </tr> <tr> <td><span class="glyphicon glyphicon-circle-arrow-left"></span></td> <td>glyphicon glyphicon-circle-arrow-left</td> <td>左箭头</td> </tr> <tr> <td><span class="glyphicon glyphicon-circle-arrow-up"></span></td> <td>glyphicon glyphicon-circle-arrow-up</td> <td>上箭头</td> </tr> <tr> <td><span class="glyphicon glyphicon-circle-arrow-down"></span></td> <td>glyphicon glyphicon-circle-arrow-down</td> <td>下箭头</td> </tr> <tr> <td><span class="glyphicon glyphicon-globe"></span></td> <td>glyphicon glyphicon-globe</td> <td>全球</td> </tr> <tr> <td><span class="glyphicon glyphicon-wrench"></span></td> <td>glyphicon glyphicon-wrench</td> <td>扳手</td> </tr> <tr> <td><span class="glyphicon glyphicon-tasks"></span></td> <td>glyphicon glyphicon-tasks</td> <td>任务</td> </tr> <tr> <td><span class="glyphicon glyphicon-filter"></span></td> <td>glyphicon glyphicon-filter</td> <td>过滤器</td> </tr> <tr> <td><span class="glyphicon glyphicon-briefcase"></span></td> <td>glyphicon glyphicon-briefcase</td> <td>公文包</td> </tr> <tr> <td><span class="glyphicon glyphicon-fullscreen"></span></td> <td>glyphicon glyphicon-fullscreen</td> <td>全屏</td> </tr> <tr> <td><span class="glyphicon glyphicon-dashboard"></span></td> <td>glyphicon glyphicon-dashboard</td> <td>仪表板</td> </tr> <tr> <td><span class="glyphicon glyphicon-paperclip"></span></td> <td>glyphicon glyphicon-paperclip</td> <td>回形针</td> </tr> <tr> <td><span class="glyphicon glyphicon-heart-empty"></span></td> <td>glyphicon glyphicon-heart-empty</td> <td>空的心型</td> </tr> <tr> <td><span class="glyphicon glyphicon-link"></span></td> <td>glyphicon glyphicon-link</td> <td>链接</td> </tr> <tr> <td><span class="glyphicon glyphicon-phone"></span></td> <td>glyphicon glyphicon-phone</td> <td>手机</td> </tr> <tr> <td><span class="glyphicon glyphicon-pushpin"></span></td> <td>glyphicon glyphicon-pushpin</td> <td>图钉</td> </tr> <tr> <td><span class="glyphicon glyphicon-usd"></span></td> <td>glyphicon glyphicon-usd</td> <td>美元</td> </tr> <tr> <td><span class="glyphicon glyphicon-gbp"></span></td> <td>glyphicon glyphicon-gbp</td> <td>英镑</td> </tr> <tr> <td><span class="glyphicon glyphicon-sort"></span></td> <td>glyphicon glyphicon-sort</td> <td>排序</td> </tr> <tr> <td><span class="glyphicon glyphicon-sort-by-alphabet"></span></td> <td>glyphicon glyphicon-sort-by-alphabet</td> <td>字母正序</td> </tr> <tr> <td><span class="glyphicon glyphicon-sort-by-alphabet-alt"></span></td> <td>glyphicon glyphicon-sort-by-alphabet-alt</td> <td>字母倒序</td> </tr> <tr> <td><span class="glyphicon glyphicon-sort-by-order"></span></td> <td>glyphicon glyphicon-sort-by-order</td> <td>数字正序</td> </tr> <tr> <td><span class="glyphicon glyphicon-sort-by-order-alt"></span></td> <td>glyphicon glyphicon-sort-by-order-alt</td> <td>数字倒序</td> </tr> <tr> <td><span class="glyphicon glyphicon-sort-by-attributes"></span></td> <td>glyphicon glyphicon-sort-by-attributes</td> <td>属性正序</td> </tr> <tr> <td><span class="glyphicon glyphicon-sort-by-attributes-alt"></span></td> <td>glyphicon glyphicon-sort-by-attributes-alt</td> <td>属性倒序</td> </tr> <tr> <td><span class="glyphicon glyphicon-unchecked"></span></td> <td>glyphicon glyphicon-unchecked</td> <td>未选中</td> </tr> <tr> <td><span class="glyphicon glyphicon-expand"></span></td> <td>glyphicon glyphicon-expand</td> <td>扩展</td> </tr> <tr> <td><span class="glyphicon glyphicon-collapse-down"></span></td> <td>glyphicon glyphicon-collapse-down</td> <td>向下扩展</td> </tr> <tr> <td><span class="glyphicon glyphicon-collapse-up"></span></td> <td>glyphicon glyphicon-collapse-up</td> <td>向上扩展</td> </tr> <tr> <td><span class="glyphicon glyphicon-log-in"></span></td> <td>glyphicon glyphicon-log-in</td> <td>登录</td> </tr> <tr> <td><span class="glyphicon glyphicon-flash"></span></td> <td>glyphicon glyphicon-flash</td> <td>闪电</td> </tr> <tr> <td><span class="glyphicon glyphicon-log-out"></span></td> <td>glyphicon glyphicon-log-out</td> <td>注销</td> </tr> <tr> <td><span class="glyphicon glyphicon-new-window"></span></td> <td>glyphicon glyphicon-new-window</td> <td>新窗口</td> </tr> <tr> <td><span class="glyphicon glyphicon-record"></span></td> <td>glyphicon glyphicon-record</td> <td>记录</td> </tr> <tr> <td><span class="glyphicon glyphicon-save"></span></td> <td>glyphicon glyphicon-save</td> <td>已保存</td> </tr> <tr> <td><span class="glyphicon glyphicon-open"></span></td> <td>glyphicon glyphicon-open</td> <td>打开</td> </tr> <tr> <td><span class="glyphicon glyphicon-saved"></span></td> <td>glyphicon glyphicon-saved</td> <td>保存的</td> </tr> <tr> <td><span class="glyphicon glyphicon-import"></span></td> <td>glyphicon glyphicon-import</td> <td>导入</td> </tr> <tr> <td><span class="glyphicon glyphicon-export"></span></td> <td>glyphicon glyphicon-export</td> <td>导出</td> </tr> <tr> <td><span class="glyphicon glyphicon-send"></span></td> <td>glyphicon glyphicon-send</td> <td>发送</td> </tr> <tr> <td><span class="glyphicon glyphicon-floppy-disk"></span></td> <td>glyphicon glyphicon-floppy-disk</td> <td>软盘</td> </tr> <tr> <td><span class="glyphicon glyphicon-floppy-saved"></span></td> <td>glyphicon glyphicon-floppy-saved</td> <td>软盘已保存</td> </tr> <tr> <td><span class="glyphicon glyphicon-floppy-remove"></span></td> <td>glyphicon glyphicon-floppy-remove</td> <td>软盘删除</td> </tr> <tr> <td><span class="glyphicon glyphicon-floppy-save"></span></td> <td>glyphicon glyphicon-floppy-save</td> <td>软盘保存</td> </tr> <tr> <td><span class="glyphicon glyphicon-floppy-open"></span></td> <td>glyphicon glyphicon-floppy-open</td> <td>软盘打开</td> </tr> <tr> <td><span class="glyphicon glyphicon-credit-card"></span></td> <td>glyphicon glyphicon-credit-card</td> <td>信用卡</td> </tr> <tr> <td><span class="glyphicon glyphicon-transfer"></span></td> <td>glyphicon glyphicon-transfer</td> <td>转移</td> </tr> <tr> <td><span class="glyphicon glyphicon-cutlery"></span></td> <td>glyphicon glyphicon-cutlery</td> <td>餐具</td> </tr> <tr> <td><span class="glyphicon glyphicon-header"></span></td> <td>glyphicon glyphicon-header</td> <td>标题</td> </tr> <tr> <td><span class="glyphicon glyphicon-compressed"></span></td> <td>glyphicon glyphicon-compressed</td> <td>压缩</td> </tr> <tr> <td><span class="glyphicon glyphicon-earphone"></span></td> <td>glyphicon glyphicon-earphone</td> <td>听筒</td> </tr> <tr> <td><span class="glyphicon glyphicon-phone-alt"></span></td> <td>glyphicon glyphicon-phone-alt</td> <td>电话</td> </tr> <tr> <td><span class="glyphicon glyphicon-tower"></span></td> <td>glyphicon glyphicon-tower</td> <td>塔</td> </tr> <tr> <td><span class="glyphicon glyphicon-stats"></span></td> <td>glyphicon glyphicon-stats</td> <td>统计</td> </tr> <tr> <td><span class="glyphicon glyphicon-sd-video"></span></td> <td>glyphicon glyphicon-sd-video</td> <td>标清视频</td> </tr> <tr> <td><span class="glyphicon glyphicon-hd-video"></span></td> <td>glyphicon glyphicon-hd-video</td> <td>高清视频</td> </tr> <tr> <td><span class="glyphicon glyphicon-subtitles"></span></td> <td>glyphicon glyphicon-subtitles</td> <td>字幕</td> </tr> <tr> <td><span class="glyphicon glyphicon-sound-stereo"></span></td> <td>glyphicon glyphicon-sound-stereo</td> <td>音响音响</td> </tr> <tr> <td><span class="glyphicon glyphicon-sound-dolby"></span></td> <td>glyphicon glyphicon-sound-dolby</td> <td>声音杜比</td> </tr> <tr> <td><span class="glyphicon glyphicon-sound-5-1"></span></td> <td>glyphicon glyphicon-sound-5-1</td> <td>sound-5-1</td> </tr> <tr> <td><span class="glyphicon glyphicon-sound-6-1"></span></td> <td>glyphicon glyphicon-sound-6-1</td> <td>sound-6-1</td> </tr> <tr> <td><span class="glyphicon glyphicon-sound-7-1"></span></td> <td>glyphicon glyphicon-sound-7-1</td> <td>sound-7-1</td> </tr> <tr> <td><span class="glyphicon glyphicon-copyright-mark"></span></td> <td>glyphicon glyphicon-copyright-mark</td> <td>版权标志</td> </tr> <tr> <td><span class="glyphicon glyphicon-registration-mark"></span></td> <td>glyphicon glyphicon-registration-mark</td> <td>注册商标</td> </tr> <tr> <td><span class="glyphicon glyphicon-cloud-download"></span></td> <td>glyphicon glyphicon-cloud-download</td> <td>云下载</td> </tr> <tr> <td><span class="glyphicon glyphicon-cloud-upload"></span></td> <td>glyphicon glyphicon-cloud-upload</td> <td>云上传</td> </tr> <tr> <td><span class="glyphicon glyphicon-tree-conifer"></span></td> <td>glyphicon glyphicon-tree-conifer</td> <td>针叶树</td> </tr> <tr> <td><span class="glyphicon glyphicon-tree-deciduous"></span></td> <td>glyphicon glyphicon-tree-deciduous</td> <td>落叶树</td> </tr> <tr> <td><span class="glyphicon glyphicon-cd"></span></td> <td>glyphicon glyphicon-cd</td> <td>CD</td> </tr> <tr> <td><span class="glyphicon glyphicon-save-file"></span></td> <td>glyphicon glyphicon-save-file</td> <td>保存文件</td> </tr> <tr> <td><span class="glyphicon glyphicon-open-file"></span></td> <td>glyphicon glyphicon-open-file</td> <td>打开文件</td> </tr> <tr> <td><span class="glyphicon glyphicon-level-up"></span></td> <td>glyphicon glyphicon-level-up</td> <td>水平上升</td> </tr> <tr> <td><span class="glyphicon glyphicon-copy"></span></td> <td>glyphicon glyphicon-copy</td> <td>复制</td> </tr> <tr> <td><span class="glyphicon glyphicon-paste"></span></td> <td>glyphicon glyphicon-paste</td> <td>粘贴</td> </tr> <tr> <td><span class="glyphicon glyphicon-alert"></span></td> <td>glyphicon glyphicon-alert</td> <td>警报</td> </tr> <tr> <td><span class="glyphicon glyphicon-equalizer"></span></td> <td>glyphicon glyphicon-equalizer</td> <td>均衡器</td> </tr> <tr> <td><span class="glyphicon glyphicon-king"></span></td> <td>glyphicon glyphicon-king</td> <td>国王</td> </tr> <tr> <td><span class="glyphicon glyphicon-queen"></span></td> <td>glyphicon glyphicon-queen</td> <td>女王</td> </tr> <tr> <td><span class="glyphicon glyphicon-pawn"></span></td> <td>glyphicon glyphicon-pawn</td> <td>小卒</td> </tr> <tr> <td><span class="glyphicon glyphicon-bishop"></span></td> <td>glyphicon glyphicon-bishop</td> <td>主教</td> </tr> <tr> <td><span class="glyphicon glyphicon-knight"></span></td> <td>glyphicon glyphicon-knight</td> <td>骑士</td> </tr> <tr> <td><span class="glyphicon glyphicon-baby-formula"></span></td> <td>glyphicon glyphicon-baby-formula</td> <td>婴儿配方</td> </tr> <tr> <td><span class="glyphicon glyphicon-tent"></span></td> <td>glyphicon glyphicon-tent</td> <td>帐篷</td> </tr> <tr> <td><span class="glyphicon glyphicon-blackboard"></span></td> <td>glyphicon glyphicon-blackboard</td> <td>黑板</td> </tr> <tr> <td><span class="glyphicon glyphicon-bed"></span></td> <td>glyphicon glyphicon-bed</td> <td>床</td> </tr> <tr> <td><span class="glyphicon glyphicon-apple"></span></td> <td>glyphicon glyphicon-apple</td> <td>苹果</td> </tr> <tr> <td><span class="glyphicon glyphicon-erase"></span></td> <td>glyphicon glyphicon-erase</td> <td>擦除</td> </tr> <tr> <td><span class="glyphicon glyphicon-hourglass"></span></td> <td>glyphicon glyphicon-hourglass</td> <td>沙漏</td> </tr> <tr> <td><span class="glyphicon glyphicon-lamp"></span></td> <td>glyphicon glyphicon-lamp</td> <td>灯</td> </tr> <tr> <td><span class="glyphicon glyphicon-duplicate"></span></td> <td>glyphicon glyphicon-duplicate</td> <td>复制</td> </tr> <tr> <td><span class="glyphicon glyphicon-piggy-bank"></span></td> <td>glyphicon glyphicon-piggy-bank</td> <td>储蓄罐</td> </tr> <tr> <td><span class="glyphicon glyphicon-scissors"></span></td> <td>glyphicon glyphicon-scissors</td> <td>剪刀</td> </tr> <tr> <td><span class="glyphicon glyphicon-bitcoin"></span></td> <td>glyphicon glyphicon-bitcoin</td> <td>比特币</td> </tr> <tr> <td><span class="glyphicon glyphicon-btc"></span></td> <td>glyphicon glyphicon-btc</td> <td>比特币</td> </tr> <tr> <td><span class="glyphicon glyphicon-xbt"></span></td> <td>glyphicon glyphicon-xbt</td> <td>比特币</td> </tr> <tr> <td><span class="glyphicon glyphicon-yen"></span></td> <td>glyphicon glyphicon-yen</td> <td>日元</td> </tr> <tr> <td><span class="glyphicon glyphicon-jpy"></span></td> <td>glyphicon glyphicon-jpy</td> <td>日元</td> </tr> <tr> <td><span class="glyphicon glyphicon-ruble"></span></td> <td>glyphicon glyphicon-ruble</td> <td>卢布</td> </tr> <tr> <td><span class="glyphicon glyphicon-rub"></span></td> <td>glyphicon glyphicon-rub</td> <td>卢布</td> </tr> <tr> <td><span class="glyphicon glyphicon-scale"></span></td> <td>glyphicon glyphicon-scale</td> <td>仪表</td> </tr> <tr> <td><span class="glyphicon glyphicon-ice-lolly"></span></td> <td>glyphicon glyphicon-ice-lolly</td> <td>冰棍</td> </tr> <tr> <td><span class="glyphicon glyphicon-ice-lolly-tasted"></span></td> <td>glyphicon glyphicon-ice-lolly-tasted</td> <td>雪糕口味</td> </tr> <tr> <td><span class="glyphicon glyphicon-education"></span></td> <td>glyphicon glyphicon-education</td> <td>教育</td> </tr> <tr> <td><span class="glyphicon glyphicon-option-horizontal"></span></td> <td>glyphicon glyphicon-option-horizontal</td> <td>水平</td> </tr> <tr> <td><span class="glyphicon glyphicon-option-vertical"></span></td> <td>glyphicon glyphicon-option-vertical</td> <td>垂直</td> </tr> <tr> <td><span class="glyphicon glyphicon-menu-hamburger"></span></td> <td>glyphicon glyphicon-menu-hamburger</td> <td>菜单</td> </tr> <tr> <td><span class="glyphicon glyphicon-modal-window"></span></td> <td>glyphicon glyphicon-modal-window</td> <td>模态窗口</td> </tr> <tr> <td><span class="glyphicon glyphicon-oil"></span></td> <td>glyphicon glyphicon-oil</td> <td>油</td> </tr> <tr> <td><span class="glyphicon glyphicon-grain"></span></td> <td>glyphicon glyphicon-grain</td> <td>粮食</td> </tr> <tr> <td><span class="glyphicon glyphicon-sunglasses"></span></td> <td>glyphicon glyphicon-sunglasses</td> <td>太阳镜</td> </tr> <tr> <td><span class="glyphicon glyphicon-text-size"></span></td> <td>glyphicon glyphicon-text-size</td> <td>文本大小</td> </tr> <tr> <td><span class="glyphicon glyphicon-text-color"></span></td> <td>glyphicon glyphicon-text-color</td> <td>文本颜色</td> </tr> <tr> <td><span class="glyphicon glyphicon-text-background"></span></td> <td>glyphicon glyphicon-text-background</td> <td>文本背景</td> </tr> <tr> <td><span class="glyphicon glyphicon-object-align-top"></span></td> <td>glyphicon glyphicon-object-align-top</td> <td>向上对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-object-align-bottom"></span></td> <td>glyphicon glyphicon-object-align-bottom</td> <td>向下对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-object-align-horizontal"></span></td> <td>glyphicon glyphicon-object-align-horizontal</td> <td>水平对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-object-align-left"></span></td> <td>glyphicon glyphicon-object-align-left</td> <td>左对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-object-align-vertical"></span></td> <td>glyphicon glyphicon-object-align-vertical</td> <td>垂直对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-object-align-right"></span></td> <td>glyphicon glyphicon-object-align-right</td> <td>右对齐</td> </tr> <tr> <td><span class="glyphicon glyphicon-triangle-right"></span></td> <td>glyphicon glyphicon-triangle-right</td> <td>三角右</td> </tr> <tr> <td><span class="glyphicon glyphicon-triangle-left"></span></td> <td>glyphicon glyphicon-triangle-left</td> <td>三角左</td> </tr> <tr> <td><span class="glyphicon glyphicon-triangle-bottom"></span></td> <td>glyphicon glyphicon-triangle-bottom</td> <td>三角下</td> </tr> <tr> <td><span class="glyphicon glyphicon-triangle-top"></span></td> <td>glyphicon glyphicon-triangle-top</td> <td>三角上</td> </tr> <tr> <td><span class="glyphicon glyphicon-console"></span></td> <td>glyphicon glyphicon-console</td> <td>控制台</td> </tr> <tr> <td><span class="glyphicon glyphicon-superscript"></span></td> <td>glyphicon glyphicon-superscript</td> <td>上标</td> </tr> <tr> <td><span class="glyphicon glyphicon-subscript"></span></td> <td>glyphicon glyphicon-subscript</td> <td>下标</td> </tr> <tr> <td><span class="glyphicon glyphicon-menu-left"></span></td> <td>glyphicon glyphicon-menu-left</td> <td>左菜单</td> </tr> <tr> <td><span class="glyphicon glyphicon-menu-right"></span></td> <td>glyphicon glyphicon-menu-right</td> <td>右菜单</td> </tr> <tr> <td><span class="glyphicon glyphicon-menu-down"></span></td> <td>glyphicon glyphicon-menu-down</td> <td>下菜单</td> </tr> <tr> <td><span class="glyphicon glyphicon-menu-up"></span></td> <td>glyphicon glyphicon-menu-up</td> <td>上菜单</td> </tr> </tbody> </table>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果


HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2019-07-27 关于btn
exaid

示例4第10行<button class="btn btn-primary btn">为啥要有这么多btn, 试了下<button class="btn btn-primary ">好像也没区别吧




2 个答案

鸡你太美噢北北
答案时间:2020-09-02
class里面是按最后面添加的class为准,就是如果btn的里面的某个属性被 btn-primary 替代的话,在后面再加上btn就不会被替代了,不过目前看的确是多此一举的写法

kbh13506051596
答案时间:2019-12-16
最后一个加不加都一样,表示默认大小的button。第一个的话我试了一下,去掉之后,边框有点错乱



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2019-05-20 在后面实践中踩得坑,特地来这里总结一下,关于加上字体图标后,元素属性变化的理解,
快乐的王8




<div class="glyphicon glyphicon-asterisk">div的属性就由块级元素转变成内联元素,站长,不知道这样理解对不对?
加载中

							

							


2 个答案

kbh13506051596
答案时间:2019-12-16
可以按F12看样式:确实变成了inline-block

andufala
答案时间:2019-07-12
因为bootstrap中类glyphicon直接将display属性定义成内联了吧



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2019-03-19 bootstrap和layui
2018-06-03 这东西好啊!!!
2017-12-02 bootstrap4 的字体图标是什么


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 5 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 前端部分-BootStrap-字体图标 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 578362961
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图