Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Designing with bootstrap 4 grids

Community Beginner ,
Mar 17, 2021 Mar 17, 2021

Copy link to clipboard

Copied

Hi!

I just have a design question about the bootstrap 4 grids.

The grid I'm using is:

Container size: 1140 (12 columns, gutters: 30px plus 2 x 15px right and left of the whole grid - column size: 65px).

My question is: Can any content go over the right and left 15px margins; or do they work as padding where nothing can be placed? Making the actual content area 1110px (ie, 1140 - 30 = 1110).

I hope I explained this correctly. I can only find answers about not placing any content in the inside gutters, but it doesn't mention anything about those negative 15px areas in the grid. Many thanks!

Views

142

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Apr 04, 2021 Apr 04, 2021
Hi there, We apologize for the delay in response. Would you mind checking this video: https://www.youtube.com/watch?v=ztUjeVwM1SQ which might help you? Hope it helps. Thanks, Harshika

Likes

Translate

Translate
Adobe Employee ,
Apr 04, 2021 Apr 04, 2021

Copy link to clipboard

Copied

LATEST

Hi there,

 

We apologize for the delay in response. Would you mind checking this video: https://www.youtube.com/watch?v=ztUjeVwM1SQ which might help you?

 

Hope it helps.

 

Thanks,

Harshika

In this video, I will show you how to create a bootstrap 4 grid in Adobe XD and how to create vertical grid lines of 8px or 8 point grid in Adobe XD. -------...

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines