问题标签 [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.
sass - 什么是固定排水沟和流体列(并使用边距)的网格解决方案?
这可以做到吗?我研究了 susy、jeet、singularity 等。我正在使用最新版本的 libsass。如果我切换到 Ruby,我可能会有更多选择。
我喜欢 susy,但对于我的下一个项目,我需要固定的排水沟(将它们设置为 px)。
欢迎提出建议!
twitter-bootstrap-3 - 语义 UI 和网格系统
我是 Bootstrap 人,发现 Semantic UI,我觉得它很棒。所以我在基本的学习过程中,最重要的是网格系统。
我阅读并尝试了自己的网格练习,发现它适用于 16 列网格,列大小可以在行中定义:
...在专栏本身:
并了解可堆叠和加倍的列,并了解您可以为每三种设备(移动设备、平板电脑、计算机)指定列大小。
我的问题是,因为它是基于 16 列的网格,它不能被 3 等值整除我如何在特定设备中获得 3 列?也许这可以通过加倍来完成,但我需要一个可靠的解决方案,我的意思是,不要依赖于其他设备的尺寸。
在 Bootstrap 中,它就像(小屏幕示例,12 列网格)一样简单:
谢谢!
塞巴斯蒂安。
html - 基础网格系统在 td 内不起作用
我的网页有一个表格,对于一个元素,我必须应用基础的网格属性。我必须将行分成大小为 10 和 2 的两列。第一列是输入字段,第二列是下拉图标,但是当我尝试这样做时,第二列在第一列之后下降。
css - 边框底部无法正常工作
我有一个奇怪的问题,我有 3 个选项卡菜单项,其中有文本,在我设置边框底部的文本之后,它对于第一个菜单选项卡工作正常,但对于其他 2 个它出现在另一个边框底部,但是当我将代码放在 Jsfiddle 中它可以正常工作.. 这是我的代码Jsfiddle
HTML
CSS
首先屏幕边框在正确的位置
css - 如何在 Susy 2 中的嵌套网格/行元素之间设置边距
我尝试实现一个非常简单的 HTML 结构来显示评论:头像显示在评论文本的左侧,如下所示:
我正在使用 Susy 进行布局:
我的问题:我想在彼此之间留出评论,所以我设置了
但这不是有效的:有时会尊重边距,但是当评论文本很长时,不会尊重边距(参见http://codepen.io/anon/pen/QjrrqP,拉丁文本和评论文本 2 之间)。
任何建议都会非常有用!
html - 我的引导网格系统不工作
我在将我的引导网格系统应用到网页时遇到了问题。我应用的引导程序是引导程序 3.3.5,从getbootstrap.com下载。我已经完成了所有配置,这是我的项目文件目录:
这是我的 index.html 结构:
然而,当浏览器大小改变时,网格系统无法正常工作,它始终保持原始样式作为垂直的 4 个 div 布局。难道我做错了什么?
javascript - 有没有办法根据 Angular 中元素的数量来更改 col-md 类?
我想自动调整引导列,我所说的“自动调整”是根据要显示的元素数量动态创建网格,我有以下 html:
我正在使用角度指令和 ng-repeat 来生成 html,这是指令:
如您所见,它有一个col-md-4
类,这意味着只有 3 个元素可以排成一行,我想要的是,无论有多少元素(它们总是在 2 和 5 之间),这些元素都可以排成一行,无论它们是 2 还是 5,它们都应该放在一行中,如果它们是 4 个元素,那么<a>
类应该是col-md-3
,如果它们是 2 个元素,那么类<a>
应该是col-md-6
等等。
当我使用AngularJS时,有没有办法以角度方式做到这一点?我会在几个具有不同 Ctrl 的视图上使用它,所以如果可能的话,我会保持代码干燥。
html - 引导网格系统
我一直在尝试解决这个问题一段时间......我目前正在学习网络开发,实施引导网格系统是其中的一项练习。我查看了很多资源,但我仍然没有找到答案。
问题是一切似乎都运行良好。在所有屏幕尺寸上,除了 S 和 XS 之间。由于某种原因,布局中断。当我在手机上看它时,它看起来是一样的。我截取了它当时的样子。
如果有人可以帮助我,那就太好了...谢谢