cokicoki free asked 4 years ago


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:

enter image description hereWould 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.


cokicoki free answered 4 years ago


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 commented 4 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


Jakub Chmura staff answered 4 years ago


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:

  1. Layout overview /example
  2. Grid usage

Best Regards,

Kuba



Please insert min. 20 characters.

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: MDB React
  • MDB Version: 4.22.1
  • Device: PC
  • Browser: Mozilla Firefox
  • OS: MS Windows 7
  • Provided sample code: No
  • Provided link: No