bootstrap字體顏色如何設(shè)置

發(fā)布時(shí)間：2022-02-24 13:59:30 來源：億速云閱讀：541 作者：iii 欄目：開發(fā)技術(shù)

今天小編給大家分享一下bootstrap字體顏色如何設(shè)置的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

我們首先創(chuàng)建個(gè)項(xiàng)目，在項(xiàng)目中加入我們的連接語句：<link rel="stylesheet" href="dist/css/bootstrap.css">，在<body>標(biāo)簽中加入文本，代碼如下；

<!DOCTYPE html	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">	<head>		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />		<link rel="stylesheet" href="css/bootstrap.css">		<script type="text/javascript" src="js/jquery.js"></script>		<script type="text/javascript" src="js/bootstrap.js"></script>		<title>無標(biāo)題文檔</title>	</head>	<body >		<div class="container">			<p class="text-muted">這個(gè)是text-muted屬性的強(qiáng)調(diào)色！</p>			<p class="text-primary">這個(gè)是text-primary屬性的強(qiáng)調(diào)色！</p>			<p class="text-success">這個(gè)是text-success屬性的強(qiáng)調(diào)色！</p>			<p class="text-info"> 這個(gè)是text-info屬性的強(qiáng)調(diào)色！</p>			<p class="text-warning">這個(gè)是text-warning屬性的強(qiáng)調(diào)色！</p>			<p class="text-danger">這個(gè)是text-danger屬性的強(qiáng)調(diào)色！</p>		</div>	</body></html>

運(yùn)行結(jié)果我們就可以看到字體都發(fā)生了變化，說明我們成功調(diào)用了屬性。

以上就是“bootstrap字體顏色如何設(shè)置”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

bootstrap字體顏色如何設(shè)置

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽