问题标签 [skeleton-css-boilerplate]

我一直在使用骨架框架，这是我的代码：

我得到这个输出：

而我的预期输出是这样的：

请帮忙，谢谢:)

我正在使用骨架来制作流畅的布局，并且它大部分都运行良好，但是我在 magento 上的这个 2 列布局存在问题：http ://watchgearonline.co.uk/watch-straps.html

左侧边栏的nav设置为3列，右侧的主要部分设置为12列。

当你缩小页面宽度时，右手边跳到下面，左手突然变得很宽来补偿，看起来不太好看。

我试图通过使用 CSS max-width: 160px; 来阻止它。应用于左侧边栏 - 它更好但仍然不是很好。我宁愿右手的柱子没有跳下来，而是留在原地。

如何强制右侧列保持原位，但仍保持其大小和内容保持流动？还是将骨架带出该区域并将其作为静态内容会更好吗？

单击按钮时，我在淡入新背景图像时遇到了一些问题。此外，单击后背景图像不会覆盖页面。不确定我的 htmt/css 是否相关。任何帮助表示赞赏！

html：

CSS

jQuery :

我很难在骨架网格内的按钮内使字体变大。我将如何在不使按钮本身变大的情况下制作字体大小？任何帮助表示赞赏。

html:

CSS：

我正在使用 Skeleton css 样板。我有以下html：

我希望右侧（四列）与底部对齐。

我尝试了以下方法：

直到屏幕的宽度太窄而不能并排放置两列，右列出现在左列下方，这正是我想要的，除了添加时，position:absolute;bottom:0;它会在顶部对齐在第 1 列的底部。

我也试过添加 atop-margin和 apadding-top没有效果。

关于如何让它发挥作用的任何想法。

我是否应该妥协 960px 网格以使部分完全流动/全宽？

我正在为其创建网站的人真的希望演讲部分的图像被裁剪（缩短），因此它将比其他 2 列短，除非所有 3 列都变宽。我只是将它们定义为 1/3 列骨架宽度。

在演讲部分有一种简单的方法可以做到：增加三列的宽度，从而使整个部分/行更宽（超过 960 像素）/跨整个屏幕，同时仍然由骨架网格定义。

（简单我的意思是对骨架 CSS 的最小操作。）

网址：http ://tinyurl.com/qbrjqne

我试过这个：http ://themes.simplethemes.com/skeleton/tutorials/how-to-add-custom-css-and-javascript-using-a-child-theme/

我在我的子主题目录中的functions.php中添加了这个：

当然我已经创建了文件skeleton_childtheme/js/additional.js

但它什么也没做，而且我的additional.js 没有加载。任何想法？:(

我想在现有网格中添加 5 个相等列的选项。

据我从上一个关于 stackoverflow 的问题了解，我需要将以下行添加到 960 网格中：

您可以在下面的示例中看到我的网格包括：

我需要帮助的是{ width: ???px; }1200 网格以及添加行后每个媒体查询的宽度.container .one-fifth.column

任何帮助将不胜感激 - 在此先感谢。

现有的网格 CSS：

我正在尝试使用骨架框架，但我感到困惑。这是我尝试使用的代码：

http://pastebin.com/ZcEAed0D

我什至尝试在列的开头和结尾添加 alpha 和 omega。但我剩下的看起来像这样：

http://imgur.com/En3QLA5

你看到第十六列挂在尽头。它不应该能够在一行中容纳 16 列的东西吗？

如果我尝试其他组合，例如十四和二等，就会发生这种情况。它挂在页面的末尾。

我哪里错了？

列之间的宽度也可以调整，如果可以，如何调整？关于如何使用所有骨架功能的任何好的教程？您是否仅通过使用另外 16 列来制作新的网格线？

谢谢。

尝试将子菜单项添加到导航，但即使导航上的 HTML 正确，但子菜单不显示。

它使用 Skeleton wordpress 主题，并且在需要时手动更新标题，但需要添加子菜单。

HTML：

CSS：