Tag: 网格系统

zurb基础是否可以有全行宽

我使用基础3build立一个响应式网站,但我想有页脚和导航背景宽度占据整个宽度? 我已经命名我的行 class="row navigation" class="row footer" 我试图寻找如何解决这个问题,但我没有select。 我假设这是在foundation.css文件中的一个小小的修复,但是现在有点太过分了,因为我是新手。 任何poiinters非常感谢。

在引导程序中使用容器stream体会导致水平滚动条

这是一个简单的例子: <div class="container-fluid"> <div class="row"> <div class="col-lg-12">DUMMY CONTENT</div> </div> </div> 在小提琴演示 当我在浏览器中看到结果时,我得到一个水平滚动条。 为什么发生这种情况? 我究竟做错了什么?

在执行多响应列时清除行 – 引导

这个标题可能不是很准确,但这里是情况: 正如你在HTML中看到的那样,网格系统从xl屏幕上的4个图像到 lg屏幕上的3 个图像,减less到2个。 我试图让它正确显示 – 在每个屏幕大小的适当数量的图像,也就是说。 然而,一些奇怪的事情正在发生,并不能使用引导类来弄清楚。 在我看来,我将不得不在每个断点处dynamic添加行。 有什么build议么? – 更新 –只是意识到col-xl- *不存在。 但是,这并没有改变这种情况。 请忽略xl声明。 – 更新2 –更新的图像。 – 更新3 –我会尽力澄清我的目标。 对于在我的文章中附加的特定图像,我想每行出现3个盒子 – 并不是所有的人都会出现问题。 当它折叠成每行2个盒子(xs设备)时,我想确保每行都有2个盒子。

材质用户界面和网格系统

我正在玩Material-UI 。 有没有创build网格布局的任何选项(如在Bootstrap中 )? 如果不是,那么添加这个function的方法是什么? 有一个GridList组件,但我想它有一些不同的目的。

嵌套行与自举网格系统?

我想要一个更大的图像与4个更小的图像在这样一个2×2格式: 我最初的想法是将所有东西都放在一行中。 然后创build两列,并在第二列创build两行两列来创build1x1和2×2效果。 但是,这似乎不可能,或者我只是没有正确地做到这一点?