问题标签 [neat]
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 - Bourbon neat horizontal align div after display none
I have a header with 3 elements at full size layout (12 column grid):
left= logo (3 columns), middle= nav (6 columns), right= social media (3 columns)
At a smaller size (4 column grid) I've set "social media" to display none, "logo" and "nav" are both two column. They are not horizontally aligned the second element displays under the first both spanning two columns but not next to each other. I've tried floating, clearing and all that jazz but no joy.
Here is the HTML:
Here is the scss:
Any help with this would be great.
Many thanks in advance, Alex
css - 如何使用 Bourbon Neat Framework 做移动优先
我一直在使用波旁威士忌做一个桌面优先的布局,效果很好。
但是,我想做一个移动优先版本,从移动开始,然后逐步上升。默认网格是 12 列,对于移动设备,我通常使用 4 的网格。我尝试将网格更改为 4 并扩展到 12,但这不起作用。
除了创建标准桌面布局,然后将移动媒体查询放入每个 CSS 选择器并从移动版本开始并构建方式之外,有没有更好的方法先进行移动?
internet-explorer-8 - 如何使用 Selectivizr 使 Bourbon Neat 网格在 IE8 中工作?
我有一个不幸的任务是让 Bourbon Neat 与 ie8 一起工作。Thoughtbot 的文档说您为此使用 Selectivizr。我按照 Selectivizr 的说明进行操作,在 ie8 中进行测试时没有发现任何不同。我也不明白如果需要任何后备 css 怎么办。有什么想法或解决方案吗?最欣赏!
css - 向容器添加填充但在网格之外
我正在尝试在不影响网格的情况下向 .container 添加填充。我能想到的最好的例子是我不希望内容碰到 .container 的两侧,因为如果设计中有蓝色背景而 .container 是白色的,我希望在左右两边都有一个填充. 我在这里快速制作了一个示例页面来显示问题。
我基本上是在尝试制作一个 1000 像素的容器和 20 像素的排水沟,然后每个容器将占用 65 像素。虽然在网格之外但在 .container 内部,我希望左右填充也为 20px。不确定这是否有助于或使事情变得更糟,但这是我的Calca 网格锻炼表
bourbon - 如何使 Bourbon Neat 没有响应
我知道这听起来可能很奇怪,但我需要知道如何让 Neat 没有响应?
compass-sass - 使用带有波旁整洁的嵌套断点
我会测试波旁威士忌的整洁网格,我实际上尝试做一个移动优先的方法网格。我的结构看起来像:
我的网格设置:
我的scss:
例如,我根据断点更改背景颜色,在电脑屏幕上,颜色被移动设备覆盖。但列号是正确的……奇怪。
感谢帮助
EDIT1:我需要指定断点以应用移动设置。像这样:
但是我在页面的内部部分遇到了麻烦。我需要指定容器还是只需要跨列 mixin 就足够了?
sass - Bourbon Neat 中列的最后一个子逻辑
我想知道最后一个孩子的 0 边距应该如何进来。
我有:
正文以最大最大宽度为中心—— .content-main 和 side 都得到了正确的宽度,但都没有得到:last-child { margin-right: 0;}
他们应该得到的宽度。身体里还有其他东西,但这是他们唯一的父母。
很明显,我做的不对——但事实上他们得到了宽度,这似乎表明一切都是正确的@importing。
感谢——
grid - 在列的行上使用“@include media”会扰乱波旁威士忌的转变
一直想出这个相当恼人的错误 - 当我的代码是
但是,如果我尝试添加媒体断点,则对齐方式应该是这样,例如
}
最后一个 div 的对齐出于某种原因(大约一列半太多)这发生在较大的屏幕上,即使一旦我击中我的 $tablet 断点(即 768px , 9)
令人沮丧,因为示例http://neat.bourbon.io/examples/没有解决其列如何在调整大小时下降到全宽(尤其是多行示例)我什至尝试将两列包装成一行包装器并将移位应用于包装器,但这似乎将两个列挤在一起,感谢您的帮助!
bourbon - Bourbon Neat - 如何做自动列?
我正在用 Bourbon Neat 建立一个网站,我需要像这样安排列:
关于如何编写代码的任何想法?
我试过了
但所有列的高度相同。我需要不同的高度。
先感谢您。
css - 在哪里定义身体样式
我遇到了这个问题,我似乎无法在我的 Neat Bourbon 网站中覆盖 body 元素的背景颜色。
我在 _layout.scss 文件中定义了这样的背景颜色:
但是当我在 Chrome Devtools 中检查元素时,body 元素的背景颜色仍然定义为“白色”。
那么在哪里可以定义body元素的背景颜色呢?
我的源代码库可在此处获得。