标签: blueprint-css

我正在使用蓝图来执行涉及jquery-ui选项卡的复杂表单布局,但是当我尝试在jquery-ui选项卡中使用蓝图span-x div时,格式化会变得非常棘手....

<div id="tabs">
  <ul>
    <li><a href="#blahblah"><span>blah blah</span></a></li>
    <li><a href="#blahblahblah"><span>blah blah blah</span></a></li>
  </ul>
  <div id="blahblah">
    <div "class="span-8 last">
      <dl>
       <!--some input boxes-->
      </dl>
    </div>
  </div>
</div>

如果我拿出"class-span-8 last",页面按预期工作.任何帮助/想法将不胜感激!

我想将Blueprintcss和Compass/Sass应用于Rails项目.

我应该首先学习蓝图还是首先学习指南针/萨克斯,还是有关于如何将这两者结合使用的指南？

此外,它是一个Rails项目有什么不同吗？这种技术组合是否可以轻松应用于Java项目？

如果将容器类用于具有blueprint-css的布局,则最终的最大宽度为950px.我有一个需要超过这个布局,所以我想知道为什么Blueprint使用这个默认值？

<div class="container">

我分别研究了SASS和Blueprint,并且认为我理解它们是如何工作的,并且我使用罗盘CLI工具设置了我的项目目录,但是我对组织项目的正确方法感到茫然.

用我的项目初​​始化后

$ compass create my_project --using blueprint/semantic

...我被告知将HTML中生成的CSS文件与这些行链接起来

<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
<link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />

...但是我应该在哪里放置我自己的应用程序特定.scss文件,我应该如何包含适当的蓝图文件？

在我看来,我不应该将生成的print.css和screen.css直接包含在我的HTML中,而是做类似的事情:

@import "screen";

body {
    @include container;
}

...然后在我的HTML中仅使用上面生成的文件.否则为什么我们会有这样的一行screen.scss？:

// Import all the default blueprint modules so that we can access their mixins.
@import "blueprint";

我不能在HTML中使用mixins.

我发现文档非常模糊和矛盾,以及任何一种简短的例子说明了以下组合:

1. HTML
2. 从罗盘命令生成的SCSS文件
3. 包含特定于站点的样式的SCSS文件

对我和其他人可能会非常有帮助.

我正在深入研究CSS世界,我在理解存在的所有东西时遇到了一些困难.

有LESS,SASS,Compass,Blueprint,HAML等.我应该一起使用哪些？有人可以解释彼此的情况吗？

我今天早上8点左右开始使用Blueprint CSS,我发现自己有以下问题:

1. 我什么时候使用容器类？

2. 我怎么能从概念上考虑容器？

3. 容器类需要span类吗？为什么或者为什么不？

4. 容器类需要最后一堂课吗？为什么或者为什么不？

5. 容器可以放在另一个容器内吗？

6. 推/拉类有什么意义？我不能只用append/prepend来定位东西吗？

7. 如果我使用像.right,.left这样的float类,我还需要指定span-x和last吗？

8. 我怎么排高一点？

9. 如何将某些内容垂直居中？

10. 如何使根容器从页面左侧20px而不是居中？

我是使用rails进行Web开发的新手.我想知道将蓝图添加到我的应用程序的步骤是什么.我已经找了一个教程,但是我曾经发现过这个教程似乎已经假定了一些先前的知识并完成了一些步骤.

现在我在我的应用程序中捆绑了指南针,scss,haml.从这里我想找到一个教程,解释每个蓝图scss文件应该去哪里.

我在这个问题上受过一些教育,但从我读到的我需要制作一个蓝图文件夹并在app/assets/stylesheets目录中添加一个blueprint.css文件.我不确定是否有宝石或任何特定的安装步骤或生成器命令来设置...这对我来说似乎很奇怪.

谢谢你的帮助

如何为自定义宽度制作自定义CSS网格框架？在我的公司我得到不同尺寸的宽度网站设计(PSD),如900px,920像素,915像素,973像素等,不同的天沟尺寸,如右边10像素,左边20像素等,在这种情况下如何才能我使用并受益于基于网格的框架