Envious Eel
Envious Eel
Programming language:Whatever
2021-07-01 01:28:46
0
Q:

bootstrap 4 lable

user331990
user331990
Code: Whatever
2021-02-05 10:57:14 

  <ul class="list-group">
  <li class="list-group-item d-flex 
  justify-content-between align-items-center">
    Inbox
    
  <span class="badge badge-primary badge-pill">12</span>
  </li>
  
  <li class="list-group-item d-flex justify-content-between align-items-center">
    
  Ads
    <span class="badge badge-primary 
  badge-pill">50</span>
  </li>
  <li class="list-group-item 
  d-flex justify-content-between align-items-center">
    Junk
    
  <span class="badge badge-primary badge-pill">99</span>
  </li>
</ul>
0
user
user
Code: Whatever
2021-02-05 10:55:52 

 <ul class="list-group 
  list-group-horizontal">
  <li class="list-group-item">First item</li>
  <li class="list-group-item">Second item</li>
  <li class="list-group-item">Third item</li>
  
  <li class="list-group-item">Fourth item</li>
</ul>
0
Uh Clem
Uh Clem
Code: Whatever
2021-07-17 05:35:20 

 <ul class="list-group 
  list-group-flush">
  <li class="list-group-item">First item</li>
  <li class="list-group-item">Second item</li>
  <li class="list-group-item">Third item</li>
  
  <li class="list-group-item">Fourth item</li>
</ul>
0
tdudzik
tdudzik
Code: Whatever
2021-02-05 10:52:59 

  <div class="list-group">
  <a href="#" class="list-group-item disabled">Disabled item</a>
  <a href="#" 
  class="list-group-item disabled">Disabled item</a>
  
  <a href="#" class="list-group-item">Third item</a>

  </div>
0
Roger Blasko
Roger Blasko
Code: Whatever
2021-02-05 10:56:49 

 <div class="list-group">
  <a href="#" 
  class="list-group-item list-group-item-action">First item</a>
  <a 
  href="#" class="list-group-item list-group-item-action">Second item</a>
  
  <a href="#" class="list-group-item list-group-item-action">Third item</a>

 </div>
0
Mohan
Mohan
Code: Whatever
2021-02-05 10:54:41 

  <div class="list-group">
  <a href="#" class="list-group-item 
  list-group-item-action">Action item</a>
  <a href="#" 
  class="list-group-item list-group-item-action list-group-item-success">Success item</a>
  <a 
  href="#" class="list-group-item list-group-item-action list-group-item-secondary">Secondary item</a>
  
  <a href="#" class="list-group-item list-group-item-action list-group-item-info">Info item</a>
  
  <a href="#" class="list-group-item list-group-item-action list-group-item-warning">Warning item</a>
  
  <a href="#" class="list-group-item list-group-item-action list-group-item-danger">Danger item</a>
  
  <a href="#" class="list-group-item list-group-item-action list-group-item-primary">Primary item</a>
  
  <a href="#" class="list-group-item list-group-item-action list-group-item-dark">Dark item</a>
  
  <a href="#" class="list-group-item list-group-item-action list-group-item-light">Light item</a>

  </div>
0
Jessica
Jessica
Code: Whatever
2021-02-05 10:56:21 

 <ul class="list-group">
  <li class="list-group-item">First item</li>
  <li class="list-group-item">Second item</li>
  <li class="list-group-item">Third item</li>
</ul>
0
Serguei
Serguei
Code: Whatever
2021-02-05 10:55:19 

 <ul class="list-group">
  <li class="list-group-item 
  list-group-item-success">Success item</li>
  <li 
  class="list-group-item list-group-item-secondary">Secondary item</li>
  
  <li class="list-group-item list-group-item-info">Info item</li>
  <li 
  class="list-group-item list-group-item-warning">Warning item</li>
  
  <li class="list-group-item list-group-item-danger">Danger item</li>
  
  <li class="list-group-item list-group-item-primary">Primary item</li>
  
  <li class="list-group-item list-group-item-dark">Dark item</li>
  <li 
  class="list-group-item list-group-item-light">Light item</li>
</ul>
0
Chris Johns
Chris Johns
Code: Whatever
2021-02-05 10:53:56 

  <ul class="list-group">
  <li class="list-group-item 
  active">Active item</li>
  <li class="list-group-item">Second item</li>
  <li class="list-group-item">Third item</li>
</ul>
0

Related

New to Communities?

Join the community