问题标签 [skeleton-css-boilerplate]

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.

0 投票
1 回答
285 浏览

css - 如何使用骨架/框架制作 250x3 列的布局?

我现在正在学习响应式网页设计并陷入困境。我的 PSD 模板有 3 列,每列宽度为 250 像素。问题是 zurb/skeleton 框架没有 250px 宽的列宽。最接近 250px 的列是下面的列

如何使用 zurb/skeleton 创建 250px 宽的 3 列?

0 投票
1 回答
1263 浏览

css - 在网格系统中扩展Div的背景颜色

注意:我使用的是骨架网格系统。

我希望将我的一个 div 的背景颜色扩展到右侧,超过 960px 容器,但我没有成功。有什么建议么?

当前的: 在此处输入图像描述

我在找什么:

在此处输入图像描述

HTML:

CSS:

0 投票
1 回答
183 浏览

html - 即使页面的右侧可以滚动,他是如何让侧边栏保持在左侧的?

我正在尝试了解 960 网格,并且正在查看 Skeleton。

http://www.getskeleton.com

如果您访问该页面,您会注意到当页面的右侧上下滚动时,左侧是固定的(侧边栏)始终保持在原位。如果缩小浏览器窗口经过一个点,侧边栏就会消失。

我查看了 css,但找不到任何关于此侧边栏如何工作的信息。他是怎么做到的呢?

0 投票
1 回答
109 浏览

responsive-design - 如何将图片放置在骨架中我想要的位置

我需要骨骼方面的帮助@http ://www.slutatnian.se/skolor/nosnas/

在该站点上,代码下方有一张图片,当我在计算机上时可以正常工作。但是,如果我使用移动设备,图片会出现在屏幕底部,我希望图片在移动设备上的“Nösnäsgymnasiumet”之后,但我该怎么做?

(不要介意hotpink,我正在使用它,请参阅专栏)

这是html代码。

0 投票
2 回答
1307 浏览

html - 响应式导航错误

我正在尝试使用基本骨架网格系统的响应式导航插件(responsive-nav.com),并且由于某种原因没有编辑响应式导航插件的 js 和一般 css,当最小化到时我遇到了导航问题navicon 出现的区域。由于某种原因,链接会自动下拉,并且导航图标不会出现。跟容器有关系吗?我在没有容器 div 的情况下尝试过,但仍然遇到了问题,例如查看图片:

全尺寸导航

Navicon 尺寸

这是HTML:

CSS:

0 投票
2 回答
890 浏览

css - 破碎的骨架网格 - 12 和 4 列

我正在开发我的第一个基于 Skeleton 的 CSS 框架项目。到目前为止,一切都很顺利,但似乎我一直坚持一件事。这是代码:

问题如下 - 当我只有十二和四列时,它很酷。但是当我嵌套那些 3x 四列时,网格崩溃了。这是为什么?有任何想法吗?

0 投票
1 回答
53 浏览

css - 媒体查询错误,骨架框架

我在 Skeleton Framework 的 css 中有问题。我下载了它并像示例一样编辑它,我添加了大屏幕样式@media only screen and (min-width: 1280px),但是当我测试它时,它不起作用。

这是jsfiddle

0 投票
3 回答
6494 浏览

skeleton-css-boilerplate - 居中导航栏

我无法将导航栏居中,我尝试了 display:inline-block 然后像大多数帖子建议的那样对齐中心,但它似乎不起作用。

HTML:

CSS:

0 投票
0 回答
133 浏览

html - 在 Skeleton 中使用时,同页链接不起作用

我搜索了 SO 并找到了这个线程,但它只提到了 IE8 的问题。我在所有浏览器中都遇到了这个问题,包括 Chrome 版本 33.0.1750.117 和 Firefox 27.0.1。

我的第一步是确保我的 HTML 是正确的,

关联

目标

我在框架之外和 Foundation 中使用了这段代码,它总是运行良好。

我认为这可能是我在项目中设置文件的方式,但即使在我通过 CDN 链接到 Skeleton 的这个演示中,我仍然遇到这个问题。所以我被引导相信有一个问题是由 Skeleton 引起的。

编辑:一位用户建议我查看button课程,看看是否可能会导致冲突。当我删除按钮类时,仍然存在页面不会重定向到目标的问题。这是CSS

/* #按钮 =============================================== ==== */

0 投票
1 回答
671 浏览

html - Skeleton 的 CSS 中有什么导致标签无法正常工作?

当您使用Skeleton时,该<sup>标签无法正常工作。

带骨架

所以我必须添加这段代码才能让它工作

哈克

我找不到 Skeleton 是如何导致这种情况的。我一直在查看他们的 3 个 CSS 文件,唯一处理字体的是base.css文件


补充说明:

  • 在 Firefox 版本 27.0.1 上查看
  • 文档类型是<!DOCTYPE html>