Well, the total width is 12 units. If the cell is 6 units and the offset is 3 units then 3 + 6 = 9 which leaves 3 units 12 - 9 = 3. Therefore, the 6 unit cell width is centered... ie. 3 + 6 + 3.
This function is simply another way to figure out the same thing; (12-6)/2. This means take away 6 units from 12. That leaves use 6. then divide by 2 that gives us the two outside widths. This is really just basic math.
It offsets a cell by 3 units to the right. If you want to know specifics of how it is done then read the CSS. It's open source.
sudip_inn
if i need to add 6 then i can use col-lg-9 instead of col-lg-6....am i right ?
I have no idea what you're asking. At this point, it seems that you're are asking for help with rudimentary math?
sudip_inn
why should i use offset ?
please tell me in what kind of situation people work with bootstrap offset class ?
For one, to center a cell as outline in your original post!
sudip_inn
help me to understand with easy example code for offset use.
The offset CSS is like a tool that you have in your toolbox and you can use this tool when you see fit.
Keep in mind, this is a support forum not your personal tutor. If you want to know more about how offset works, I suggest that you build a simple test page and experiment.
Contributor
2231 Points
3706 Posts
How to make a div center in Bootstrap3?
Dec 07, 2016 12:38 PM|sudip_inn|LINK
just read this article http://victorshi.com/blog/post/How-to-make-a-div-center-in-Bootstrap3
it come with some solution to make a div appear center of page but their offset logic is not clear to me.
their code
what is the meaning of col-lg-offset-3 ?
why they said So for example, a column of size 6 would be centred by adding an offset of 3, that's (12-6)/2.
why the calculation is (12-6)/2 ?
please help me to understand their calculation and also guide me what offset does here ?
thanks
All-Star
37151 Points
15006 Posts
Re: How to make a div center in Bootstrap3?
Dec 07, 2016 12:55 PM|mgebhard|LINK
Well, the total width is 12 units. If the cell is 6 units and the offset is 3 units then 3 + 6 = 9 which leaves 3 units 12 - 9 = 3. Therefore, the 6 unit cell width is centered... ie. 3 + 6 + 3.
This function is simply another way to figure out the same thing; (12-6)/2. This means take away 6 units from 12. That leaves use 6. then divide by 2 that gives us the two outside widths. This is really just basic math.
Contributor
2231 Points
3706 Posts
Re: How to make a div center in Bootstrap3?
Dec 07, 2016 02:38 PM|sudip_inn|LINK
what offset col-lg-offset-3 does ?
u said If the cell is 6 units and the offset is 3 units then 3 + 6 = 9
if i need to add 6 then i can use col-lg-9 instead of col-lg-6....am i right ?
why should i use offset ?
please tell me in what kind of situation people work with bootstrap offset class ?
help me to understand with easy example code for offset use.
thanks
All-Star
37151 Points
15006 Posts
Re: How to make a div center in Bootstrap3?
Dec 07, 2016 04:14 PM|mgebhard|LINK
It offsets a cell by 3 units to the right. If you want to know specifics of how it is done then read the CSS. It's open source.
I have no idea what you're asking. At this point, it seems that you're are asking for help with rudimentary math?
For one, to center a cell as outline in your original post!
The offset CSS is like a tool that you have in your toolbox and you can use this tool when you see fit.
Keep in mind, this is a support forum not your personal tutor. If you want to know more about how offset works, I suggest that you build a simple test page and experiment.