.d-flex .justify-content-between align-items-center
\r\n to create space between badge and your content.\r\n variant
\r\n prop.\r\n disabled
\r\n prop on a \r\n <b-list-group-item>
\r\n to make it appear disabled (also works with actionalable items. see below).\r\n horizontal
to\r\n true
\r\n to change the layout of list group items from vertical to horizontal across all breakpoints. Alternatively,\r\n set\r\n horizontal
\r\n to a responsive breakpoint\r\n (sm, md, lg or xl)
\r\n \r\n to make a list group horizontal starting at that breakpoint's min-width. Currently horizontal list groups\r\n cannot be combined with\r\n flush
\r\n list groups.\r\n <b-list-group-item>
\r\n into an actionable link \r\n (<a href=\"...\">)
\r\n by specifying either an \r\n href
\r\n prop or \r\n router-link
\r\n prop.\r\n