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 3 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 3 years ago

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Opened

Specification of the issue

ForumUser: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: Laptop
Browser: Chrome
OS: Windows 10
Provided sample code: No
Provided link: No

Tom t

5Support score
1Questions 0Answers 0Snippets