|
3 | 3 | <h1 class="page-title">Matching - <span class="fw-semi-bold">Results</span></h1> |
4 | 4 | <div class="btn-toolbar justify-content-between"> |
5 | 5 | <div class="d-inline-flex"> |
6 | | - <b-dropdown text="Popular" variant="default"> |
| 6 | + <b-dropdown text="Popular" variant="gray-default"> |
7 | 7 | <b-dropdown-item>All</b-dropdown-item> |
8 | 8 | <b-dropdown-item>Popular</b-dropdown-item> |
9 | 9 | <b-dropdown-item>Interesting</b-dropdown-item> |
10 | 10 | <b-dropdown-item>Latest</b-dropdown-item> |
11 | 11 | </b-dropdown> |
12 | | - <b-dropdown text="All Time" variant="default"> |
| 12 | + <b-dropdown text="All Time" variant="gray-default"> |
13 | 13 | <b-dropdown-item>Last 24h</b-dropdown-item> |
14 | 14 | <b-dropdown-item>Last Month</b-dropdown-item> |
15 | 15 | <b-dropdown-item>Last Month</b-dropdown-item> |
|
25 | 25 | </b-button-group> |
26 | 26 | </div> |
27 | 27 | <b-row class="mt-3 d-block"> |
28 | | - <b-col xl='3' sm='12' class="float-xl-right"> |
| 28 | + <b-col lg='3' sm='12' class="float-lg-end"> |
29 | 29 | <h5>Results <span class="fw-semi-bold">Filtering</span></h5> |
30 | 30 | <p class="text-muted fs-mini">Listed content is categorized by the following groups:</p> |
31 | 31 | <b-nav pills class="flex-column nav-stacked searchResultCategories mt"> |
32 | 32 | <b-nav-item href="#"> |
33 | 33 | Hot Ideas |
34 | | - <b-badgevariant="danger"pill class="float-right">34</b-badge> |
| 34 | + <spanclass="badge bg-danger rounded-pill float-end">34</span> |
35 | 35 | </b-nav-item> |
36 | 36 | <b-nav-item href="#"> |
37 | 37 | Latest Pictures |
38 | | - <b-badgevariant="success"pill class="float-right">9</b-badge> |
| 38 | + <spanclass="badge bg-success rounded-pill float-end">9</span> |
39 | 39 | </b-nav-item> |
40 | 40 | <b-nav-item href="#"> |
41 | 41 | Labels of Day |
|
45 | 45 | </b-nav-item> |
46 | 46 | <b-nav-item href="#"> |
47 | 47 | Globals |
48 | | - <b-badgevariant="info"pill class="float-right">18</b-badge> |
| 48 | + <spanclass="badge bg-info rounded-pill float-end">18</span> |
49 | 49 | </b-nav-item> |
50 | 50 | </b-nav> |
51 | 51 | </b-col> |
52 | 52 |
|
53 | | - <b-col xl='9' sm='12'> |
| 53 | + <b-col lg='9' sm='12'> |
54 | 54 | <p class='searchResultsCount'>About 94 700 000 (0.39 sec.) results</p> |
55 | 55 | <section class='searchResultItem'> |
56 | 56 | <a class='imageLink' href="#"> |
|
93 | 93 | <h4 class='searchResultItemHeading'> |
94 | 94 | <a href="#">Try. Posted by Okendoken</a> |
95 | 95 | <small> |
96 | | - <span class="badge badge-pill badge-danger float-right"> |
| 96 | + <span class="badge bg-pill bg-danger float-end"> |
97 | 97 | <span class="fw-normal"> Best Deal!</span> |
98 | 98 | </span> |
99 | 99 | </small> |
|
0 commit comments