小编Cal*_*ack的帖子

我在项目根目录中添加了一个bower包.我正在使用凉亭,因此更容易管理每个组件的更新(凉亭的功能之一).但是我在安装后得到了这条消息:

no-json No bower.json file to save to

一些东西:

- 实际上有一个bower.json文件w/i组件的文件夹.应该有一个全球项目bower.json文件吗？

- 此错误是否意味着包不会更新？

- 该项目是使用"WordPress-Starter-Theme"(使用grunt处理指南针等)的WordPress项目.咕噜声干扰？我是否需要在Gruntfile.js中添加任何内容来管理Bower？

提前致谢.

我使用grunt创建了一个静态单页网站.我现在正尝试使用heroku-buildpack-nodejs-grunt将它部署到heroku,用于node grunt.

下面是我的根目录的图片:

这是我的Gruntfile package.json:

Procfile:

web: node index.html

当我运行$ git push heroku master它到达Gruntfile并失败:

-----> Found Gruntfile, running grunt heroku:production task
>> Local Npm module "grunt-contrib-uglify" not found. Is it installed?

上述错误继续列出未找到的所有本地NPM模块.如果我列出所有loadNpmTasks而不是使用"load-grunt-tasks",我会得到完全相同的错误.

当$ heroku logs我得到:

Starting process with command `node web.js`
Error: Cannot find module '/app/web.js'

谁能看到我出错的地方？

我正在尝试使用宽度设置为%的css网格(因此我可以响应地使用它)并且不使用浮动(个人不喜欢!).

在这个例子中,我使用csswizardry-grid并添加了适当的变量.您可以在github页面上查看链接的demo.

没有提到为网格分配宽度的"容器"类,所以我添加了.container(这也是csswizardry-grid演示所具有的)具有最大宽度(稍后准备其他断点).容器有左右填充以允许填充:留在.grid__item内.

.container {
    margin: 0 auto;
    padding: 0 $gutter;
    max-width: 960px;
}

scss:

.grid__item {
    display: inline-block;
    padding-left: 32px;
    vertical-align: top;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.desk--one-third { width: 33.333%; }

另请注意,box-sizing:border-box不在除csswizardry-grids.scss规范之外的任何其他元素上.

我的加价:

<div class="container"> 
    <div class="grid">
        <div class="grid__item desk--one-third">
            <h1>Column 1</h1> 
        </div>
        <div class="grid__item desk--one-third">
            <h1>Column 2</h1> 
        </div>
        <div class="grid__item desk--one-third">
            <h1>Column 3</h1> 
        </div>
    </div>
</div>      

问题是:在firefox,safari和chrome中,最后一个.grid__item就会消失.

我所看到的:至少几个像素的'.grid__item之间的神秘差距.参见附页截图:

!(http://dl.getdropbox.com/u/7408773/Screen%20Shot%202013-05-10%20at%2012.51.06%20AM.png)

有人可以为我解释一下吗？