.global-wrap {
顯示：柔性；
彎曲方向：行；
對齊項目：居中；
調整內容：居中；
}
. header {
寬度：1024px；
背景顏色：紫色；
內邊距：7px；
保證金：0；
}
div {
溢出：隱藏；
空白：nowrap；
}
.內容 svg {
高度：25 像素；
寬度：25px；
垂直對齊：居中；
}
.內容.標題{
白顏色;
保證金：0；
字體大小：16px；
垂直對齊：居中；
左邊距：15px；
}
.內容.switch {
對齊內容：右；
}</pre>
<pre class="brush:html;toolbar:false;"><head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"integrity="sha384-EVSTQN3/azprG1Anm3QDJLIm9Na3011LIm9Na “匿名”>
</頭>
<div class="global-wrap">
<div class="header">
<div class="form-inline">
<div class="form-group">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="white" class="bi bi-list" viewBox="0 0 16 16 “>
<路徑 fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0a.5.5 0a.5. 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a. .5-.5z"/>
</svg>
標題
<span class="form-check form-switch">
;
</span>
預設情況下，
.form-check類別顯示為區塊，這表示在常規流程中它會移動到自己的行。要建立內嵌表單檢查，請在
.form-check類別旁邊使用.form-check-inline類別。請參閱https://getbootstrap.com/docs/5.0/forms /checks-radios/#inline