css - Bootstrap 4.3.1 btn-facebook 不会显示
问题描述
我正在尝试在我的 Asp.net 核心 mvc 项目上使用 Bootstrap 4.3.1,但它似乎没有任何想法?
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, w!!</h1>
<button class="btn btn-facebook"> TEST </button>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
这是我在运行项目时看到的:
解决方案
类.btn-facebook
不包含在 bootstrap css 中,也许您需要包含一个外部库,如bootstrap-social
推荐阅读
- django - Django postgres jsonfield过滤器错误:不支持的查找
- android - 如何在没有互联网的情况下使用移动短信将数据发布到我的网络服务器?
- alfresco - How to display custom site field with stored value in site edit form using Aikau framework in Alfresco
- marklogic - Is there any way to identify the password protected binary documents before the ingestion into MarkLogic?
- r - Keras Sequential 模型在 GPU 上的训练速度很慢(不比 CPU 快)
- c# - 在c#中使用selenium webdriver下载文件时如何处理保留和丢弃选项按钮
- javascript - electronjs中ipc通信的问题
- pagination - 从 wso2 中的数据库中获取大量数据时分页
- bash - 使用并行对大型文本文件进行排序并打印第二列的总和的最佳表达式
- ruby-on-rails - Rails 5.2 控制器全局变量在视图上不可访问