引导程序按钮文本未调整大小
引导程序按钮文本未调整大小
提问于 2018-06-06 05:30:22
我正在使用bootstrap，并且我有几个社交媒体按钮。我需要他们更大，我已经使社交图标足够大，但我似乎不能让文本同样增加。有谁有什么想法吗？HTML：
<a role="button" class="btn btn-primary btn-tw col-6 mx-1 my-1"
href="https://twitter.com/alvanhumane?lang=en" target="_blank"><i class="fab
fa-twitter-square fa-5x"></i> Twitter</a>
<a role="button" class="btn btn-primary btn-in col-6 mx-1 my-1"
href="https://www.instagram.com/explore/locations/99236675/al-van-humane-
society/" target="_blank"><i class="fab fa-instagram fa-5x"></i>
Instagram</a>和CSS：
a.btn-tw {
background-color: #00acee;
font-size: 5em;
}
a.btn-in {
background-color: #3f729b;
font-size: 5em;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-06 05:57:40
尝试使用!important。它将覆盖在它之后加载的任何内容
a.btn-in {
background-color: #3f729b;
font-size: 5em !important;
}您还可以在HTML文档的<head>部分加载您自己的自定义CSS样式表之后，将其加载到bootstrap CSS样式表中。将bootstrap链接放在您自己的链接之上。
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50709219
复制相关文章
相似问题