问题标签 [grid-system]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - bootstrap的网格系统的一行12列有必要填满吗?
有必要填满一行的所有 12 列吗?
示例 1 - 仅声明了总共 12 行中的 2 列:
示例 2 - 也声明了未使用的列:
浏览器可以以不同的方式缩放 2 示例吗? 我倾向于认为一个好的做法是示例 2。
twitter-bootstrap-3 - Bootstrap Grid 系统和 Table 元素
引导网格系统是否取代了对表格的需求?我的意思是我可以通过如下表格将一行分成 3 部分:
也通过使用像这样的网格:
不知何故,看起来我可以使用网格和表格,反之亦然。因此,如果我必须在导航栏中的某个特定位置放置一些东西,我应该使用什么方法?任何帮助将不胜感激。
css - 填充引导行中的空列
我正在尝试在响应式网格中显示图像列表。我正在使用角度和引导程序,并且图像是通过 flickr API 动态加载的。无论如何,这是我显示图像的代码片段。
如您所见,垂直图像左侧的一列仍为空。我想这是引导程序的正常行为,但是有没有办法告诉引导程序也填充那个空间?
正如您可能已经理解的那样,我不是 CSS 天才,所以任何帮助都将不胜感激。
先感谢您
css - 材料设计灯。网格系统意外行为
先上一张图:
这是来自getmdl.io的屏幕。我无法理解这种行为。我很难过,我想要的正是3 列,每列的宽度等于行宽的 1/3。但在某些屏幕分辨率中,列宽等于行宽的一半。这来自基于媒体查询的 css 指令,似乎是设计使然。
所以我的问题是,我可以防止这种行为吗?如果不是,那么这种行为的原因是什么。
PS我来自引导程序,我没有这个问题。
html - Bootstrap 网格系统列在彼此下
我的引导网格系统有点问题。我在页面顶部创建了自己的导航 div。对于较大的屏幕尺寸,这一切都很好。当我将屏幕尺寸减小到 xs 时,它会中断。这就是我的目标:
以上适用于除 xs 之外的所有屏幕。对于 xs 我得到:
我想要的是:
这是我的代码: