center content insde a fluid container

6 replies
757 views
Translate

Hi guys, looking for a tutorial on how to center content inside a fluid container, any help would be greatly appreciated!

This topic is closed to new replies. Start a new post to keep the conversation going.

Nancy OSheaCorrect answer

Community Expert

Do you mean the social media icons across the top?

Just place all 4 icons inside 1 auto centered <div> like this:

<div class="col-md-8 mx-auto">

Icon | Icon | Icon | Icon

</div>

</div>
<div>

Hope that helps.

Nancy O'Shea— Product User & Community Expert

Nancy OShea

Community Expert

The so called 'FluidGrid Layouts' from 12+ years ago have long since been abandoned for better, more stable layout approaches that don't rely on Floats and Clearfixes.

Answers to all layout questions are contained in your HTML & CSS code. The fastest way for fellow users to help you is for you to post the URL to your online page.

What are you trying to center?
Do you want the axis centered horizontally (x), vertically (y), or both (x & y)?

Aligning items:

Translate

Nancy O'Shea— Product User & Community Expert

N

Neal37963021vjxtAuthor

Inspiring

thanks so much for the reply. The alignment I'm looking for is horizontal. I'm trying to center the images and 4 columns inside the fluid container. My webSite is -> https://jeetah.org/

Translate