列表組學習

列表組可以通過list-group類來使用其樣式，實際上，我們有三種不同的實現方式，第一種是ul+li的方式，即使用具有list-group的ul和list-group-item的li來實現，另外兩種分別是使用具有list-group的div和list-group-item的a標籤或者button標籤來實現。具體可用的相關類羅列如下：

除此以外，我們還可以給列表組新增一些其他的元素，比如顏色和表情，新增顏色是通過給列表中的li，a或者button來新增list-group-item-primary,list-group-item-success,list-group-item-info,list-group-item-warning,list-group-item-danger來實現的，而對於標籤，則是通過新增一個具有badge類的span標籤來實現的，該標籤會自動被放到右側，如下圖所示：

程式碼如下：

 <div class='list-group-example'>
                            <ul class='list-group'>
                                <li class='list-group-item'>
                                    <span class='badge'>Badge</span>
                                    item1</li>
                                <li class='list-group-item'>item2</li>
                                <li class='list-group-item'>item3</li>
                                <li class='list-group-item'>item4</li>
                            </ul>
                        </div>