FlowerBombs

list group.html 본문

Javascript & JQuery&Ajax/bootstrap

list group.html

CitronLemon 2019. 2. 26. 10:45

bs3-list-group


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
    <div class="container">
        <div class = "page-header">
            <h1>bs3-list-group</h1>
        </div>
        
        <ul class="list-group">
            <li class="list-group-item">Item 1</li>
            <li class="list-group-item">Item 2</li>
            <li class="list-group-item">Item 3</li>
        </ul>
     </div>
     
     <div class="container">
            <div class = "page-header">
                <h1>bs3-list-group-bedges</h1>
            </div>
        
        <ul class="list-group">
            <li class="list-group-item">
                <span class="badge">5</span>
                Item 1
            </li>
            <li class="list-group-item">
                <span class="badge">10</span>
                Item 2
            </li>
            <li class="list-group-item">
                <span class="badge">15</span>
                Item 3
            </li>
        </ul>
    </div>
cs









<결과물>


'Javascript & JQuery&Ajax > bootstrap' 카테고리의 다른 글

navbar2.html  (0) 2019.02.25
navbar1.html  (0) 2019.02.25
pagination.html  (0) 2019.02.25
nav.html  (0) 2019.02.25
input-group.html  (0) 2019.02.25
Comments