bootstrap 怎么引用图标_IT百科

bootstrap引用图标的方法：

1、下载包并解压

在‘elegant_font’文件夹中会发现“HTML CSS”子文件夹，把它复制到你的项目中（注意，这里可以重命名哦）

2、将连接添加到‘style.css’，html里添加一个图标，内容如下：

可以在你HTML里添加图标，并且使用CSS来更改它们的样式：

以下是导入的矢量图标：

<li data-target="#carousel-example-generic" data-slide-to="3"></li>[这里是要添加的，最后的data-slide-to="3"，是从0开始的你需要的是四个，那排列下来就是0-1-2-3]

</ol>

</div>

</div>

</div>

</div>[这里是要添加的图片]

</div>

<span class="sr-only">Previous</span>

</a>

</a>

</div>

你用这些代码试试看，[]内的字删掉

不知道你是不是要的这种效果，代码也给你，一定要引入bootstrap.css、jquery、bootstrap.js

<body>

<hr>

<p class="active-tab"><strong>激活的标签页</strong>：<span></span></p>

<p class="previous-tab"><strong>前一个激活的标签页</strong>：<span></span></p>

<hr>

<li class="active"><a href="#home" data-toggle="tab">W3CSchool</a></li>

<li><a href="#jmeter" data-toggle="tab">jmeter</a></li>

</ul>

</li>

</ul>

<p>神啊四季发就是看了啊上课了君多滤扩军叁埃里克解散法律可接受的啊啊监考老师框架奥斯卡了家里的事卡死记录肯德基

俺的沙发上说的按时都是发马甲了加分了就阿里阿斯蒂芬麦克拉额外啊

</p>

</div>

<p>

IOS是啥的安静的法拉盛家乐福就拉上看见蓝色阿基里斯看到捡垃圾案例家里就烦了卡萨丁就撒开了家里啊吉林省看到就

</p>

</div>

<p>

JMETER是啊按实际的法律就算了给我捡垃圾暗示法断了就法雷婕拉手机端列案件了挖掘和累计拉法基拉就是了房价拉进来而骄傲了解啦加

</p>

</div>

<p>

EJB什么啊，我怎么知道呢没你说呢我你走我不知道啊你看啊我不看，哈哈吗爱看不看，我不管年你可了

</p>

</div>

$(function(){

$('a[data-toggle="tab"]').on('shown.bs.tab.',function(e){

//获取已激活标签名称

var activeTab=$(e.target).text()

//获取上一个激活标签

var previousTab=$(e.relatedTarget).text()

$(".active-tab span").html(activeTab)

$(".previous-tab span").html(previousTab)

})

</script>

</body>

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/bake/11419954.html

bootstrap 怎么引用图标

发表评论

评论列表（0条）