Topic: BUG: className="fixed-bottom" becomes fluid even when inside a MDBContainer (non-fluid)
*Expected behavior*div to follow the parent container i.e MDBContainer
*Actual behavior*div is fixed yes but it becomes fluid
<MDBContainer>
<div className="fixed-bottom text-center purple darken-3">
<MDBBtn floating color="indigo darken-4" onClick={ () => this.pauseLesson() }>
<MDBIcon icon="pause" className="white-text" fixed />
</MDBBtn>
</div>
</MDBContainer>
Hello,
Classes 'fixed-top' and 'fixed-bottom' position an element at the top of the viewport, from edge to edge. https://mdbootstrap.com/docs/react/utilities/position/.
For resolve your problem you can add class 'container' to the <div>:
<div className="container fixed-bottom text-center purple darken-3">
Best regards,
Aliaksandr from MDB.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB React
- MDB Version: 4.11.1
- Device: All
- Browser: All
- OS: Windows
- Provided sample code: No
- Provided link: No