Home/ Questions/Q 8218709
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T12:53:45+00:00

Up to and including Twitter Bootstrap v2.0.4, there have been no CSS margin-left percentages

  • 0

Up to and including Twitter Bootstrap v2.0.4, there have been no CSS margin-left percentages when using the offset class in a row-fluid scenario. I have looked on SO and other sites for an answer but cannot find one.

Does anyone have this information that I can add to my bootstrap-responsive.css file?

Thanks,

Chris

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I spent one night with Excel and came up with the following CSS:

    /* ---------- Start of bootstrap-responsive.css offset left-margin ---------- */
.row-fluid .offset12 {
margin-left: 105.524861871% !important;
*margin-left: 104.195074636958% !important;
}

.row-fluid .offset11 {
margin-left: 96.96132596% !important;
*margin-left: 95.7379217046809% !important;
}

.row-fluid .offset10 {
margin-left: 88.397790049% !important;
*margin-left: 87.2807687724043% !important;
}

.row-fluid .offset9 {
margin-left: 79.834254138% !important;
*margin-left: 78.8236158401277% !important;
}

.row-fluid .offset8 {
margin-left: 71.270718227% !important;
*margin-left: 70.3664629078511% !important;
}

.row-fluid .offset7 {
margin-left: 62.707182316% !important;
*margin-left: 61.9093099755745% !important;
}

.row-fluid .offset6 {
margin-left: 54.143646405% !important;
*margin-left: 53.4521570432979% !important;
}

.row-fluid .offset5 {
margin-left: 45.580110494% !important;
*margin-left: 44.9950041110213% !important;
}

.row-fluid .offset4 {
margin-left: 37.016574583% !important;
*margin-left: 36.5378511787447% !important;
}

.row-fluid .offset3 {
margin-left: 28.453038672% !important;
*margin-left: 28.0806982464681% !important;
}

.row-fluid .offset2 {
margin-left: 19.889502761% !important;
*margin-left: 19.6235453141915% !important;
}

.row-fluid .offset1 {
margin-left: 11.32596685% !important;
*margin-left: 11.1663923819149% !important;
}

/* ---------- End of bootstrap-responsive.css offset left-margin ---------- */

    I inserted this into bootstrap-responsive.css, starting at line 370 (after the close of the style block for .row-fluid .span1

    It solved my website issues. It was only tested in FF13. It may cause issues in other browsers.

    I am pretty new to SO so I apologize if this was not the recommended method of posting info like this. Its all a work-in-progress.

    • 0