我正在創建一個模板，供同事在帶有垂直選項卡的所見即所得編輯器（我是一名老師）中使用，以便他們可以輕松地向每個選項卡添加內容。因為他們使用 WYSIWYG 編輯器，所以我不希望他們必須處理任何 HTML 代碼。我想添加比模板所需更多的選項卡，然后隱藏僅將“選項卡名稱”作為選項卡中文本的任何選項卡。這樣學生只會看到其中包含內容的選項卡。列表組的 HTML 代碼是    <div class="container">           <div class="row">              <div class="col-3">                 <div class="list-group flex-md-column text-center" id="tablist" role="tablist">                    <a class="list-group-item list-group-item-action active" data-toggle="tab" role="tab">Tab 1</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab 2</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab 3</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab 4</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab 5</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab 6</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab 7</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab 8</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab 9</a>                    <a class="list-group-item list-group-item-action" data-toggle="tab" role="tab">Tab Name</a>                                     </div>              </div>          </div>     </div>我們將非常感謝您的建議。