技术笔记

编程 营销 外贸


list-group

<h3>list-group list-group-item</h3> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=11655e8f01eba07df29e161be67dae88&amp;amp;file=file.png" alt="list-group list-group-item" /></p> <pre><code>&amp;lt;link href=&amp;quot;bootstrap-5.3.3-dist/css/bootstrap.min.css&amp;quot; rel=&amp;quot;stylesheet&amp;quot;  /&amp;gt; &amp;lt;link href=&amp;quot;bootstrap-5.3.3-dist/css/bootstrap-icons.min.css&amp;quot; rel=&amp;quot;stylesheet&amp;quot; /&amp;gt; &amp;lt;script type=&amp;quot;text/javascript&amp;quot; src=&amp;quot;bootstrap-5.3.3-dist/js/bootstrap.bundle.min.js&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;    &amp;lt;div class=&amp;quot;list-group list-group-flush border-bottom scrollarea&amp;quot;&amp;gt;         &amp;lt;a href=&amp;quot;#&amp;quot; class=&amp;quot;list-group-item list-group-item-action active py-3 lh-sm&amp;quot; aria-current=&amp;quot;true&amp;quot;&amp;gt;           &amp;lt;div class=&amp;quot;d-flex w-100 align-items-center justify-content-between&amp;quot;&amp;gt;             &amp;lt;strong class=&amp;quot;mb-1&amp;quot;&amp;gt;List group item heading&amp;lt;/strong&amp;gt;             &amp;lt;small&amp;gt;Wed&amp;lt;/small&amp;gt;           &amp;lt;/div&amp;gt;           &amp;lt;div class=&amp;quot;col-10 mb-1 small&amp;quot;&amp;gt;Some placeholder content in a paragraph below the heading and date.&amp;lt;/div&amp;gt;         &amp;lt;/a&amp;gt;         &amp;lt;a href=&amp;quot;#&amp;quot; class=&amp;quot;list-group-item list-group-item-action py-3 lh-sm&amp;quot;&amp;gt;           &amp;lt;div class=&amp;quot;d-flex w-100 align-items-center justify-content-between&amp;quot;&amp;gt;             &amp;lt;strong class=&amp;quot;mb-1&amp;quot;&amp;gt;List group item heading&amp;lt;/strong&amp;gt;             &amp;lt;small class=&amp;quot;text-body-secondary&amp;quot;&amp;gt;Tues&amp;lt;/small&amp;gt;           &amp;lt;/div&amp;gt;           &amp;lt;div class=&amp;quot;col-10 mb-1 small&amp;quot;&amp;gt;Some placeholder content in a paragraph below the heading and date.&amp;lt;/div&amp;gt;         &amp;lt;/a&amp;gt;         &amp;lt;a href=&amp;quot;#&amp;quot; class=&amp;quot;list-group-item list-group-item-action py-3 lh-sm&amp;quot;&amp;gt;           &amp;lt;div class=&amp;quot;d-flex w-100 align-items-center justify-content-between&amp;quot;&amp;gt;             &amp;lt;strong class=&amp;quot;mb-1&amp;quot;&amp;gt;List group item heading&amp;lt;/strong&amp;gt;             &amp;lt;small class=&amp;quot;text-body-secondary&amp;quot;&amp;gt;Mon&amp;lt;/small&amp;gt;           &amp;lt;/div&amp;gt;           &amp;lt;div class=&amp;quot;col-10 mb-1 small&amp;quot;&amp;gt;Some placeholder content in a paragraph below the heading and date.&amp;lt;/div&amp;gt;         &amp;lt;/a&amp;gt;           &amp;lt;a href=&amp;quot;#&amp;quot; class=&amp;quot;list-group-item list-group-item-action py-3 lh-sm&amp;quot; aria-current=&amp;quot;true&amp;quot;&amp;gt;           &amp;lt;div class=&amp;quot;d-flex w-100 align-items-center justify-content-between&amp;quot;&amp;gt;             &amp;lt;strong class=&amp;quot;mb-1&amp;quot;&amp;gt;List group item heading&amp;lt;/strong&amp;gt;             &amp;lt;small class=&amp;quot;text-body-secondary&amp;quot;&amp;gt;Wed&amp;lt;/small&amp;gt;           &amp;lt;/div&amp;gt;           &amp;lt;div class=&amp;quot;col-10 mb-1 small&amp;quot;&amp;gt;Some placeholder content in a paragraph below the heading and date.&amp;lt;/div&amp;gt;         &amp;lt;/a&amp;gt;             &amp;lt;/div&amp;gt;</code></pre>

页面列表

ITEM_HTML