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