Topic: All Content is Centered

swimmer84 free asked 1 year ago

Expected behavior The documentation indicates everything is left justified Actual behavior Everything is centered.

Resources (screenshots, code snippets etc.)


This is header 4

This is a title:

  • Bullet item one
  • Bullet Two
  • Bullet Three

Results in centered enter image description here

I've been doing the following for all elements: Left justified.

Any suggestions?

Hi! Could you provide so more specifics? Which page in documentations causing this problem? But in general for centering to the left you can use flexbox - classes d-flex justify-content-start on a parent div. About horizontal alignment you can read more here.

Keep coding!

swimmer84 free answered 1 year ago

There's no specific documentation stating left-justification. I suspect I'm not following the proper formatting rules.

I attached images of the screen and my code - sorry, I couldn't figure out how to embed the code in the text. Code Snippet

Resulting Output

Mateusz Trochonowicz staff commented 1 year ago

In general there is no such thing like justify-content-left - about flexbox and his properties you can read more in huge guide at CSSTrick -

Furtheremore look at my snippet - - (you can use this tool for yourself for showing snippets of codes - like now, for example). There is no need to use flexbox because tag ul does not create additional space.

Try just delete all of your classes and MDBContainer component.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: MDB5 2.0.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Linux
  • Provided sample code: No
  • Provided link: No