Bootstrap中流体行的偏移余量百分比

-2

直到并包括Twitter Bootstrap v2.0.4，在行流体场景中使用偏移量级别时，没有CSS余量百分比。我已经看过SO和其他网站的答案，但无法找到一个。Bootstrap中流体行的偏移余量百分比

有没有人有这个信息，我可以添加到我的bootstrap-responsive.css文件？

感谢，

克里斯

来源

2012-07-08 ElKiwiGrande

请变换到一个适当的问题明确指出问题并且不包含解决方案，然后将解决方案作为答案发布并接受。 – GSerg 2012-07-08 14:14:15

请使用自答功能。 – Ryan 2012-07-08 14:14:16

最好的做法是提出一个典型的问题，然后（在强制延迟之后）给出答案。有可能你的典型问题可能会重复另一个 - 它被合并 - 所以你的答案也可以回答。经过另一次等待，你也可以接受你自己的答案。现在，我建议编辑你的“问题”来包含这个答案的实际问题，然后当你可以添加答案时，这样做，将其从“问题”中删除。 – 2012-07-08 14:16:28

我花了一个晚上的Excel，并与下面的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 ---------- */

我插入到这个自举responsive.css，开始线370 （在.row-fluid的样式块关闭后.span1

它解决了我的网站问题，它只在FF13中测试过，可能会在其他浏览器中引发问题。

我很新，所以我很抱歉，如果这不是发布这样的信息的推荐方法。它的全部工作正在进行中。

来源

2012-07-10 06:03:29 ElKiwiGrande

您可能还需要原始偏移量。最好为偏移添加另一个代码到左边。

我添加了一个新的类名为offsetright并添加该代码bootstrap.css：

.row-fluid .offsetright12 { 
    margin-right: 104.25531914893617%; 
    *margin-right: 104.14893617021275%; 
} 

.row-fluid .offsetright12:last-child { 
    margin-right: 102.12765957446808%; 
    *margin-right: 102.02127659574467%; 
} 

.row-fluid .offsetright11 { 
    margin-right: 95.74468085106382%; 
    *margin-right: 95.6382978723404%; 
} 

.row-fluid .offsetright11:last-child { 
    margin-right: 93.61702127659574%; 
    *margin-right: 93.51063829787232%; 
} 

.row-fluid .offsetright10 { 
    margin-right: 87.23404255319149%; 
    *margin-right: 87.12765957446807%; 
} 

.row-fluid .offsetright10:last-child { 
    margin-right: 85.1063829787234%; 
    *margin-right: 84.99999999999999%; 
} 

.row-fluid .offsetright9 { 
    margin-right: 78.72340425531914%; 
    *margin-right: 78.61702127659572%; 
} 

.row-fluid .offsetright9:last-child { 
    margin-right: 76.59574468085106%; 
    *margin-right: 76.48936170212764%; 
} 

.row-fluid .offsetright8 { 
    margin-right: 70.2127659574468%; 
    *margin-right: 70.10638297872339%; 
} 

.row-fluid .offsetright8:last-child { 
    margin-right: 68.08510638297872%; 
    *margin-right: 67.9787234042553%; 
} 

.row-fluid .offsetright7 { 
    margin-right: 61.70212765957446%; 
    *margin-right: 61.59574468085106%; 
} 

.row-fluid .offset7right:last-child { 
    margin-right: 59.574468085106375%; 
    *margin-right: 59.46808510638297%; 
} 

.row-fluid .offsetright6 { 
    margin-right: 53.191489361702125%; 
    *margin-right: 53.085106382978715%; 
} 

.row-fluid .offsetright6:last-child { 
    margin-right: 51.063829787234035%; 
    *margin-right: 50.95744680851063%; 
} 

.row-fluid .offsetright5 { 
    margin-right: 44.68085106382979%; 
    *margin-right: 44.57446808510638%; 
} 

.row-fluid .offsetright5:last-child { 
    margin-right: 42.5531914893617%; 
    *margin-right: 42.4468085106383%; 
} 

.row-fluid .offsetright4 { 
    margin-right: 36.170212765957444%; 
    *margin-right: 36.06382978723405%; 
} 

.row-fluid .offsetright4:last-child { 
    margin-right: 34.04255319148936%; 
    *margin-right: 33.93617021276596%; 
} 

.row-fluid .offsetright3 { 
    margin-right: 27.659574468085104%; 
    *margin-right: 27.5531914893617%; 
} 

.row-fluid .offsetright3:last-child { 
    margin-right: 25.53191489361702%; 
    *margin-right: 25.425531914893618%; 
} 

.row-fluid .offsetright2 { 
    margin-right: 19.148936170212764%; 
    *margin-right: 19.04255319148936%; 
} 

.row-fluid .offsetright2:last-child { 
    margin-right: 17.02127659574468%; 
    *margin-right: 16.914893617021278%; 
} 

.row-fluid .offsetright1 { 
    margin-right: 10.638297872340425%; 
    *margin-right: 10.53191489361702%; 
} 

.row-fluid .offsetright1:last-child { 
    margin-right: 8.51063829787234%; 
    *margin-right: 8.404255319148938%; 
}

执行相同的自举responsive.css：

.row-fluid .offsetright12 { 
    margin-right: 105.12820512820512%; 
    *margin-lerightft: 105.02182214948171%; 
    } 
    .row-fluid .offsetright12:last-child { 
    margin-right: 102.56410256410257%; 
    *margin-right: 102.45771958537915%; 
    } 
    .row-fluid .offsetright11 { 
    margin-right: 96.58119658119658%; 
    *margin-right: 96.47481360247316%; 
    } 
    .row-fluid .offsetright11:last-child { 
    margin-right: 94.01709401709402%; 
    *margin-right: 93.91071103837061%; 
    } 
    .row-fluid .offsetright10 { 
    margin-right: 88.03418803418803%; 
    *margin-right: 87.92780505546462%; 
    } 
    .row-fluid .offsetright10:last-child { 
    margin-right: 85.47008547008548%; 
    *margin-right: 85.36370249136206%; 
    } 
    .row-fluid .offsetright9 { 
    margin-right: 79.48717948717949%; 
    *margin-right: 79.38079650845607%; 
    } 
    .row-fluid .offsetright9:last-child { 
    margin-right: 76.92307692307693%; 
    *margin-right: 76.81669394435352%; 
    } 
    .row-fluid .offsetright8 { 
    margin-right: 70.94017094017094%; 
    *margin-right: 70.83378796144753%; 
    } 
    .row-fluid .offsetright8:last-child { 
    margin-right: 68.37606837606839%; 
    *margin-right: 68.26968539734497%; 
    } 
    .row-fluid .offsetright7 { 
    margin-right: 62.393162393162385%; 
    *margin-right: 62.28677941443899%; 
    } 
    .row-fluid .offsetright7:last-child { 
    margin-right: 59.82905982905982%; 
    *margin-right: 59.72267685033642%; 
    } 
    .row-fluid .offsetright6 { 
    margin-right: 53.84615384615384%; 
    *margin-right: 53.739770867430444%; 
    } 
    .row-fluid .offsetright6:last-child { 
    margin-right: 51.28205128205128%; 
    *margin-right: 51.175668303327875%; 
    } 
    .row-fluid .offsetright5 { 
    margin-right: 45.299145299145295%; 
    *margin-right: 45.1927623204219%; 
    } 
    .row-fluid .offsetright5:last-child { 
    margin-right: 42.73504273504273%; 
    *margin-right: 42.62865975631933%; 
    } 
    .row-fluid .offsetright4 { 
    margin-right: 36.75213675213675%; 
    *margin-right: 36.645753773413354%; 
    } 
    .row-fluid .offsetright4:last-child { 
    margin-right: 34.18803418803419%; 
    *margin-right: 34.081651209310785%; 
    } 
    .row-fluid .offsetright3 { 
    margin-right: 28.205128205128204%; 
    *margin-right: 28.0987452264048%; 
    } 
    .row-fluid .offsetright3:last-child { 
    margin-right: 25.641025641025642%; 
    *margin-right: 25.53464266230224%; 
    } 
    .row-fluid .offsetright2 { 
    margin-right: 19.65811965811966%; 
    *margin-right: 19.551736679396257%; 
    } 
    .row-fluid .offsetright2:last-child { 
    margin-right: 17.094017094017094%; 
    *margin-right: 16.98763411529369%; 
    } 
    .row-fluid .offsetright1 { 
    margin-right: 11.11111111111111%; 
    *margin-right: 11.004728132387708%; 
    } 
    .row-fluid .offsetright1:last-child { 
    margin-right: 8.547008547008547%; 
    *margin-right: 8.440625568285142%; 
    }

来源

2012-10-22 19:17:57

Bootstrap中流体行的偏移余量百分比

回答

相关问题