我有一个关于CSS的简单问题,因为我对CSS不是很熟悉。我完成了一个弹出模态框函数,所以当用户将鼠标悬停在链接上时,会显示一个模态框,如下所示:
但是你可以看到,标题显示得非常大,我该如何使字体大小变小?我似乎找不到该CSS样式的位置。我的代码如下:
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('[data-toggle="popover"]').popover({
placement : 'top',
trigger : 'hover'
});
});
</script>
<a href="{{action('AltHr\Chatbot\ChatbotController@queries', [$companyID, $entityType, $entityValue])}}" class="btn btn-link" data-toggle="popover" title="{{ucwords($entityValue)}}" data-content="Default popover">{{ucwords($entityValue)}}</a>
<style type="text/css">
/* Popover Header */
.popover-title {
font-size: 12px;
}
/* Popover Body */
.popover-content {
font-size: 12px;
}
</style>
它正在使用Bootstrap。