Bootstrap 3 - 固定列實現

所以是的，我讀過很多問這個問題，但我無法弄清楚它是如何通過JavaScript執行的自定義計算完成的。我希望左側的一個固定列在容器內調整大小時能夠正確調整大小，並且不會干擾沿着它的列。下面是示例代碼，到目前爲止，我想什麼時候做純引導和CSS實現什麼：http://www.bootply.com/arSNSzWA1U Bootstrap 3 - 固定列實現

但其實存在着一個問題。在更大的屏幕上，它的大小不正確，因爲整個窗口的百分比度量是固定屬性，而不是父級。

所以，我的問題是，它如何通過JavaScript/JQuery恢復正常？提前致謝！

來源

2016-03-14 MikiSoft

我認爲JavaScript可能是唯一的選擇 - 測量外部容器，給左欄的類或ID，並將其設置爲寬度的25％，然後再次調整大小調整功能 –

是的，我終於找到了答案[這裏]（http://stackoverflow.com/questions/18572313/create-sticky-side-navbar-in-bootstrap-3-0#answer）。感謝您付出努力來幫助我！ :) – MikiSoft

如果用col-md-2代替col-md-3，它會在大屏幕上很好地對齊。爲了使它在小屏幕上工作，您必須在右列的頂部添加填充。我認爲應該可以讓CSS和@media處理這個，不需要JS。

來源

2016-03-14 18:06:06

老實說，它是一個痛苦的調整，我發現現在Bootstrap文檔中涵蓋了這個問題：http://getbootstrap.com/javascript/#affix – MikiSoft

完全忘了關於'詞綴'，很好找，希望它爲你工作 –

Bootstrap 3 - 固定列實現

回答

相關問題