BUG: className=fixed-bottom becomes fluid even when inside a


Topic: BUG: className="fixed-bottom" becomes fluid even when inside a MDBContainer (non-fluid)

Nates pro premium asked 6 years ago

*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>

Aliaksandr Andrasiuk staff answered 6 years ago

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.


Nates pro premium answered 6 years ago

Thanks, you awesome.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: 4.11.1
  • Device: All
  • Browser: All
  • OS: Windows
  • Provided sample code: No
  • Provided link: No