我想要大標題文本面包屑，但使用標題標簽會破壞面包屑。有任何想法嗎？
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item" id="org_breadcrumb">
<h2>Org</h2>
</li>
<li class="breadcrumb-item" id="course_breadcrumb">
<a href="#">
<h3>Course</h3>
</a>
</li>
<li class="breadcrumb-item" id="view_breadcrumb">
<a href="#">
<h3>View</h3>
</a>
</li>
</ol>
</nav>uj5u.com熱心網友回復：
默認情況下，標題元素是塊級的。只需為面包屑結構修復它。此外，洗掉邊距并標準化字體大小。
.breadcrumb {
font-size: 2em;
}
.breadcrumb h2,
.breadcrumb h3 {
display: inline-block;
margin: 0;
font-size: 1em;
}<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item" id="org_breadcrumb">
<h2>Org</h2>
</li>
<li class="breadcrumb-item" id="course_breadcrumb">
<a href="#">
<h3>Course</h3>
</a>
</li>
<li class="breadcrumb-item" id="view_breadcrumb">
<a href="#">
<h3>View</h3>
</a>
</li>
</ol>
</nav>我認為這是對標題元素的濫用。它們應該只與頁面中的部分相關。您可以只使用排版樣式 classe。在這里我也使用<b>標簽，因為它只是為了風格而不是強調。
.breadcrumb {
font-size: 1.4em;
}<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item" id="org_breadcrumb">
<span class="lead"><b>Org</b></span>
</li>
<li class="breadcrumb-item" id="course_breadcrumb">
<a href="#">
<span class="lead"><b>Course</b></span>
</a>
</li>
<li class="breadcrumb-item" id="view_breadcrumb">
<a href="#">
<span class="lead"><b>View</b></span>
</a>
</li>
</ol>
</nav>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/360347.html
標籤：html 推特引导 bootstrap-5