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中流體行的偏移餘量百分比

回答

相關問題