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>

Add comment

Aliaksandr Andrasiuk staff answered 6 years ago

0 0 Best answer

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.

Add comment

Nates pro premium answered 6 years ago

0 0 Best answer

Thanks, you awesome.

Add comment

Write

Create snippet

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

About author

Nates

Pro User Premium support

356Support score
17Questions 28Answers

0Snippets likes 0Snippets