INU Login Sign up
Login Or Sign up

Answers for "bootstrap list-group"

Whatever
1

horizontal list group bootstrap

<ul class="list-group list-group-horizontal">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
</ul>
Posted by: Guest on January-11-2021
0

bootstrap list group

<!-- Bootstrap 5 List-group -->
<ul class="list-group">
   <li class="list-group-item active" aria-current="true">An active item</li>
   <li class="list-group-item">A second item</li>
   <li class="list-group-item">A third item</li>
   <li class="list-group-item">A fourth item</li>
   <li class="list-group-item">And a fifth one</li>
</ul>

<!-- With badges -->
<ul class="list-group">
   <li
      class="list-group-item d-flex justify-content-between align-items-center"
   >
      A list item
      <span class="badge bg-primary rounded-pill">14</span>
   </li>
   <li
      class="list-group-item d-flex justify-content-between align-items-center"
   >
      A second list item
      <span class="badge bg-primary rounded-pill">2</span>
   </li>
   <li
      class="list-group-item d-flex justify-content-between align-items-center"
   >
      A third list item
      <span class="badge bg-primary rounded-pill">1</span>
   </li>
</ul>
Posted by: Guest on March-02-2021
8

bootstrap ul no style

<ul class="list-unstyled">
   <li>...</li>
</ul>
Posted by: Guest on March-28-2020
0

bootstrap list group vertical without href

<div class="row">
  <div class="col-4">
    <div class="list-group" id="list-tab" role="tablist">
      <a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#list-home" role="tab" aria-controls="home">Home</a>
      <a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#list-profile" role="tab" aria-controls="profile">Profile</a>
      <a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#list-messages" role="tab" aria-controls="messages">Messages</a>
      <a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings">Settings</a>
    </div>
  </div>
  <div class="col-8">
    <div class="tab-content" id="nav-tabContent">
      <div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list">...</div>
      <div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list">...</div>
      <div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">...</div>
      <div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list">...</div>
    </div>
  </div>
</div>
Posted by: Guest on October-17-2020

Code answers related to "bootstrap list-group"

Code answers related to "Whatever"

Browse Popular Code Answers by Language

Python
Javascript
Whatever
Shell/Bash
CSS
Html
PHP
SQL
Java
C#

Popular Programming Languages

Abap ActionScript Assembly BASIC C C# C++ Clojure Cobol CSS Dart Delphi Elixir Erlang F# Fortran Go Groovy Haskell Html Java Javascript Julia Kotlin Lisp Lua Matlab Objective-C Pascal Perl PHP Prolog Python R Ruby Rust Scala Scheme Shell/Bash SQL Swift TypeScript VBA Whatever

Advertisements

290x500

Company

Compilers

Help

Connect with us

footer logo

Copyright © 2021 Codeinu