Bootstrap 3.0 - 包含固定列大小的流体网格 [英] Bootstrap 3.0 - Fluid Grid that includes Fixed Column Sizes
问题描述
我正在学习如何使用 Bootstrap.目前，我正在探索布局.虽然 Bootstrap 很酷，但我看到的一切似乎都过时了.对于我的生活，我有一个我无法弄清楚的基本布局.我的布局如下所示:
I am learning how to use Bootstrap. Currently, I'm wading my way through layouts. While Bootstrap is pretty cool, everything I see seems dated. For the life of me, I have what I think is a basic layout that I can't figure out. My layout looks like the following:
---------------------------------------------------------------------------
| | | |
| | | |
| 240px | 160px | All Remaining Width of the Window |
| | | |
| | | |
--------------------------------------------------------------------------|
这个网格需要占据窗口的整个高度.根据我的理解，我需要混合固定宽度和流体宽度.但是，Bootstrap 3.0 似乎不再具有流体类.即使这样做了，我似乎也无法弄清楚如何混合流体和固定列大小.有谁知道如何在 Bootstrap 3.0 中执行此操作?
This grid needs to take up the full height of the window. From my understanding, I need to mix fixed and fluid widths. However, Bootstrap 3.0 doesn't seem to have the fluid class anymore. Even if it did, I can't seem to figure out how to mix fluid and fixed column sizes. Does anyone know how to do this in Bootstrap 3.0?
推荐答案
在 Bootstrap 3 中混合流体和固定宽度确实没有简单的方法.它应该是这样的，因为网格系统被设计为流体，反应灵敏的东西.你可以尝试修改一些东西，但这会违背响应式网格系统正在尝试做的事情，其目的是让布局在不同的设备类型之间流动.
There's really no easy way to mix fluid and fixed widths with Bootstrap 3. It's meant to be like this, as the grid system is designed to be a fluid, responsive thing. You could try hacking something up, but it would go against what the Responsive Grid system is trying to do, the intent of which is to make that layout flow across different device types.
如果您需要坚持这种布局，我会考虑使用自定义 CSS 来布局您的页面，而不是使用网格.
If you need to stick with this layout, I'd consider laying out your page with custom CSS and not using the grid.
这篇关于Bootstrap 3.0 - 包含固定列大小的流体网格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
