How do you make button toolbar group span width 100%?


Topic: How do you make button toolbar group span width 100%?

Tom t free asked 2 years ago

Expected behavior Button toolbar span width 100%.

Actual behavior ?

Resources (screenshots, code snippets etc.)

<div class="btn-toolbar" role="toolbar" aria-label="Toolbar with button groups">
    <div class="btn-group mr-2" role="group" aria-label="First group">
        <button type="button" class="btn btn-default">1</button>
        <button type="button" class="btn btn-default">2</button>
    </div>
</div>

Tomek Makowski staff commented 2 years ago

Hi

All you have to do is just add width: 100% in css/bootstrap

here is an example: https://mdbootstrap.com/snippets/jquery/tomasz-makowski/2341228

Regards


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Laptop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No