question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Offsetting columns is not working

See original GitHub issue

I am using Boostrap 4 Beta and facing issues with offsetting columns. Earlier i used to do offset-md-* and it was working, with BS4 Beta this is removed according to docs. The new method mentioned in docs is using .ml-auto , when i try to use it with col-md-4 it is offsetting 4 columns. What i want is custom offsetting like <div class="col-md-4 offset-md-2"></div> I tried using <div class="col-md-4 ml-md-2"></div> but didn’t work Is this is bug or there is another way to do it ?

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:16
  • Comments:23 (15 by maintainers)

github_iconTop GitHub Comments

16reactions
mdocommented, Aug 13, 2017

I dropped them from the alpha given all the flexbox and margin utilities we were adding. I’m happy to restore the offsets provided they’re widely necessary.

11reactions
KristofMorvacommented, Aug 14, 2017

I haven’t seen anyone struggling with the concept of offsets. In my opinion, empty divs are more like hacks, and should be avoided, just like the empty “clearfix” divs.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bootstrap col-md-offset-* not working - Stack Overflow
In your HTML all h2 s have the same off-set of 4 columns, so they won't make a diagonal. How to fix it....
Read more >
"Offsetting Columns" is not working. (Example) - Treehouse
I tried "col-lg-6 col-lg-offset-3" and it's working perfectly. Not sure why "col-lg-6 offset-lg-4" doesn't ...
Read more >
[Solved]: Bootstrap col-md-offset-* not working
The reason why it doesn't work is due to using the col-*-offset-* class in bootstrap 4 or a later version.
Read more >
OFFSET function - Microsoft Support
Returns a reference to a range that is a specified number of rows and columns from a cell or range of cells. The...
Read more >
How do I use offsetting in my column layouts?
Offsetting within the grid framework allows you to “skip” base columns so that ... a three column division and a six column division,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found