gpt4 book ai didi

css - Font Awesome with bootstrap 3 不工作

转载 作者:行者123 更新时间:2023-12-02 08:37:21 25 4
gpt4 key购买 nike

这是我的标题,我在主页上添加了很棒的字体:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Custom Font awesome -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<!-- Bootstrap core CSS -->
<link href="../css/bootstrap.css" rel="stylesheet"
</head>

并尝试通过添加

来测试很棒的字体
<a class="btn btn-lg btn-success" href="#">
<i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.3
</a>

但结果是:没有字体很棒的特定排版或图标。看起来 font awesome 不会压制 Bootstrap 代码。谁能帮忙?

最佳答案

我对以下示例没有任何问题,它基本上是您发布的两个片段的组合。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Custom Font awesome -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

<!-- Bootstrap core CSS -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
<a class="btn btn-lg btn-success" href="#">
<i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.3
</a>
</body>
</html>

正如 Michal 所说,您的版本有一个用于 Bootstrap 样式表的开放链接标记。我所做的唯一更改是也从 CDN 加载 Bootstrap(因为我手边没有本地副本)。

但是,该示例甚至在链接标记未关闭时也能正常工作,但这可能取决于所使用的浏览器。您是否在控制台中遇到任何错误(例如缺少组件?)

关于css - Font Awesome with bootstrap 3 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20037106/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com