主题编辑使用文档

博主： Carefree
发布时间：2023 年 03 月 15 日
921 次浏览
1 条评论
971字数
分类：技术

Loading...

> 主题常见使用方法，标签，小技巧等在此汇总。

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-c8900078b98aef41b336c3aa4ed6f4ac760' role="tab" data-target='#tabs-c8900078b98aef41b336c3aa4ed6f4ac760'>图标</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-ed3c6592c8419eedfc461fe2a2d98386441' role="tab" data-target='#tabs-ed3c6592c8419eedfc461fe2a2d98386441'>标签页</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-c8900078b98aef41b336c3aa4ed6f4ac760' class="tab-pane fade active in">

<div class="tip inlineBlock warning">

主题 由原来的 `fa fa-` 修改为 `fontello fontello-`，是为了避免与fontawesome库冲突，你可以自行引入该图标库，以便使用更多图标，但是会带来一定的加载体积。其它与其参照类似。
</div>

Fontello：`fontello fontello-picture`
Glyphicon：`glyphicon glyphicon-eur`
Feather：`music`
iconfont：`需引用 css`

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-9111e8c873bd126b1b784e008608f7f432" aria-expanded="true"><div class="accordion-toggle"><span style="">图片引用</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-9111e8c873bd126b1b784e008608f7f432" class="collapse in collapse-content"><p></p>

![Fontello图标](https://so.believe.com.cn/usr/uploads/2023/03/3362218872.jpg)

<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-0d1e33faf82779565e64641dc29a2f4232" aria-expanded="true"><div class="accordion-toggle"><span style="">链接引用</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-0d1e33faf82779565e64641dc29a2f4232" class="collapse in collapse-content"><p></p>

<button class=" btn m-b-xs btn-primary btn-addon" onclick="window.open('https://v3.bootcss.com/components/#glyphicons','_blank')"><i class="fontello fontello-angle-double-right"></i>Glyphicons</button> <button class=" btn m-b-xs btn-light btn-addon" onclick="window.open('https://feathericons.com/','_blank')"><i class="fontello fontello-angle-double-right"></i>Feather</button> <button class=" btn m-b-xs btn-dark btn-addon" onclick="window.open('https://www.iconfont.cn','_blank')"><i class="fontello fontello-angle-double-right"></i>iconfont</button>

<p></p></div></div></div>

</div><div role="tabpanel" id='tabs-ed3c6592c8419eedfc461fe2a2d98386441' class="tab-pane fade  ">

占位... ...

</div>
</div>
</div>

最后修改：2023 年 03 月 15 日

© 允许规范转载

如果觉得我的文章对你有用，请随意赞赏

1 条评论

陈族揽
3 个月前

陈族揽:文章真不错https://www.dfpump.cn/gonglue

回复

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

陈族揽
陈族揽:文章真不错https://www.dfpump.cn/...
陈貔诂
陈貔诂:文章真不错http://wap.jst-gpmx.cn...
冰冰
厉害了我的博主。
墨竹
加油，主题改的挺好看的。
刚下飞机的大黄
终于把我这几年的困惑给搞懂了，感谢博主。

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

主题编辑使用文档

Carefree • 2023 年 03 月 15 日

Loading...

> 主题常见使用方法，标签，小技巧等在此汇总。

<div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-c8900078b98aef41b336c3aa4ed6f4ac760' role="tab" data-target='#tabs-c8900078b98aef41b336c3aa4ed6f4ac760'>图标</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-ed3c6592c8419eedfc461fe2a2d98386441' role="tab" data-target='#tabs-ed3c6592c8419eedfc461fe2a2d98386441'>标签页</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-c8900078b98aef41b336c3aa4ed6f4ac760' class="tab-pane fade active in">

<div class="tip inlineBlock warning">

主题 由原来的 `fa fa-` 修改为 `fontello fontello-`，是为了避免与fontawesome库冲突，你可以自行引入该图标库，以便使用更多图标，但是会带来一定的加载体积。其它与其参照类似。
</div>

Fontello：`fontello fontello-picture`
Glyphicon：`glyphicon glyphicon-eur`
Feather：`music`
iconfont：`需引用 css`

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-9111e8c873bd126b1b784e008608f7f432" aria-expanded="true"><div class="accordion-toggle"><span style="">图片引用</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-9111e8c873bd126b1b784e008608f7f432" class="collapse in collapse-content"><p></p>

![Fontello图标](https://so.believe.com.cn/usr/uploads/2023/03/3362218872.jpg)

<p></p></div></div></div>

<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-0d1e33faf82779565e64641dc29a2f4232" aria-expanded="true"><div class="accordion-toggle"><span style="">链接引用</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-0d1e33faf82779565e64641dc29a2f4232" class="collapse in collapse-content"><p></p>

<button class=" btn m-b-xs btn-primary btn-addon" onclick="window.open('https://v3.bootcss.com/components/#glyphicons','_blank')"><i class="fontello fontello-angle-double-right"></i>Glyphicons</button> <button class=" btn m-b-xs btn-light btn-addon" onclick="window.open('https://feathericons.com/','_blank')"><i class="fontello fontello-angle-double-right"></i>Feather</button> <button class=" btn m-b-xs btn-dark btn-addon" onclick="window.open('https://www.iconfont.cn','_blank')"><i class="fontello fontello-angle-double-right"></i>iconfont</button>

<p></p></div></div></div>

</div><div role="tabpanel" id='tabs-ed3c6592c8419eedfc461fe2a2d98386441' class="tab-pane fade  ">

占位... ...

</div>
</div>
</div>