主题编辑使用文档

博主： Carefree
发布时间：2023 年 03 月 15 日
951 次浏览
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-5735f41a4bdefdd24aab02edff7f2f9d160' role="tab" data-target='#tabs-5735f41a4bdefdd24aab02edff7f2f9d160'>图标</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-68f70042e0a4e0fe90f1fb8469d14db9561' role="tab" data-target='#tabs-68f70042e0a4e0fe90f1fb8469d14db9561'>标签页</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-5735f41a4bdefdd24aab02edff7f2f9d160' 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-a382a7bb7ddfde580e0d856a61d4a51889" 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-a382a7bb7ddfde580e0d856a61d4a51889" 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-93b5e70df5af28a56e9d4548cfa2fc2c28" 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-93b5e70df5af28a56e9d4548cfa2fc2c28" 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-68f70042e0a4e0fe90f1fb8469d14db9561' class="tab-pane fade  ">

占位... ...

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

最后修改：2023 年 03 月 15 日

© 允许规范转载

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

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

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

墨竹
加油，主题改的挺好看的。
刚下飞机的大黄
终于把我这几年的困惑给搞懂了，感谢博主。

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

主题编辑使用文档

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-5735f41a4bdefdd24aab02edff7f2f9d160' role="tab" data-target='#tabs-5735f41a4bdefdd24aab02edff7f2f9d160'>图标</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-68f70042e0a4e0fe90f1fb8469d14db9561' role="tab" data-target='#tabs-68f70042e0a4e0fe90f1fb8469d14db9561'>标签页</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-5735f41a4bdefdd24aab02edff7f2f9d160' 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-a382a7bb7ddfde580e0d856a61d4a51889" 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-a382a7bb7ddfde580e0d856a61d4a51889" 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-93b5e70df5af28a56e9d4548cfa2fc2c28" 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-93b5e70df5af28a56e9d4548cfa2fc2c28" 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-68f70042e0a4e0fe90f1fb8469d14db9561' class="tab-pane fade  ">

占位... ...

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