Topic: Sticky Page
Hi,
How to make a sticky page component fluid/ wide-screen? I have tried but I am not satisfied as the content wide is small. I want to make a bigger room for the content. Here is the sample that I want below:
Would you please advise, how to achieve that or do you any suggestion what component should I use if this sticky component can not be applied.
Thank you very much.
Hi @cokicoki,
You should use a fluid prop to achieve that, for example:
<MDBContainer fluid>.
Then you can manage the width of the main container by CSS and HTML classes.
Please look at our documentation. There you will find answers to basic questions for Bootstrap / MDBReact usage:
Best Regards,
Kuba
Hi Kuba,
Could you give a little bit snippet to understand it? Especially when you mention the width of the main container by CSS and HTML classes. Will you show me with the code snippet? Thanks
Jakub Chmura staff premium commented 5 years ago
@cokicokiYou need to write a class in your component or HTML tag and then specify styles in the CSS file.
Snippet below:
<div(or component that you want to use) className='myclass'>
and in your CSS file
myclass {
width: 950px;
}
Best, Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Open
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: 4.22.1
- Device: PC
- Browser: Mozilla Firefox
- OS: MS Windows 7
- Provided sample code: No
- Provided link: No