小编amp*_*ine的帖子
Gulp - TypeError:无法分配给bower/bootstrap.css的只读属性'cwd'
我只是要掌握Gulp.js,这是我唯一无法解决的错误.
我已经通过bower安装bootstrap,我正在尝试缩小bootstrap css.
这是我的gulp任务;
gulp.task('minifycss', function() {
gulp.src('www/css/animate.css', 'www/bower_components/bootstrap/dist/css/bootstrap.css')
.pipe(minifycss({compatibility: 'ie8'}))
.pipe(gulp.dest('www-deploy/css/'));
});
但是,当我运行我的主要gulp任务.它声明该文件是"只读"
Karls-MacBook-Pro:cmp-2015 karltaylor$ gulp
[13:48:50] Using gulpfile ~/Documents/web/cmp-2015/gulpfile.js
[13:48:50] Starting 'sassMin'...
[13:48:50] Finished 'sassMin' after 12 ms
[13:48:50] Starting 'minifycss'...
[13:48:50] 'minifycss' errored after 508 ?s
[13:48:50] TypeError: Cannot assign to read only property 'cwd' of www/bower_components/bootstrap/dist/css/bootstrap.css
at Object.gs.createStream (/Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-stream/index.js:19:46)
at Object.gs.create (/Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/vinyl-fs/node_modules/glob-stream/index.js:68:42)
at Gulp.src (/Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/vinyl-fs/lib/src/index.js:33:23)
at Gulp.<anonymous> (/Users/karltaylor/Documents/web/cmp-2015/gulpfile.js:35:7)
at module.exports (/Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:34:7)
at Gulp.Orchestrator._runTask (/Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/orchestrator/index.js:273:3)
at Gulp.Orchestrator._runStep (/Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/orchestrator/index.js:214:10)
at /Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/orchestrator/index.js:279:18
at finish (/Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:21:8)
at module.exports (/Users/karltaylor/Documents/web/cmp-2015/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:60:3)
我试过的事情: …
推荐指数
解决办法
查看次数
bootstrap断点...需要一些澄清'xs sm md lg'
所以..在网上看,我看到一些最近的文章说明xs断点是480px及以下..其他..状态767及以下..
我有理解(可能不正确)xs适用于手机(480px及以下),.col-sm适用于平板电脑(480 px至767px)等.
但是,当我申请.hidden-xs时 - 它似乎隐藏在我期望我的平板电脑视图的位置......在480px到767范围内......
我在这做错了什么？
列以480px对齐堆叠,但.hidden功能和.col-xs似乎在该屏幕宽度处没有变化.
我正在使用一些疯狂的遗留代码,但我相当确定我已升级到最新版本的bootstrap.
推荐指数
解决办法
查看次数
如何在Bootstrap 3 Breadcrumbs中更改默认分隔符图标？
有没有办法可以在Bootstrap 3面包屑中使用自定义图标更改默认分隔符("/")？
推荐指数
解决办法
查看次数
选择日期后,Bootstrap datepicker不会自动关闭
我使用最新的Bootstrap datepicker.js.一切正常,但是当我从下拉列表中选择一个日期时,它不会自动关闭它.我搜索了网页并尝试在我的javascript中使用以下函数,如下所示:
$('#selectDate').datepicker({
autoclose: true
}).on('changeDate', function (ev) {
(ev.viewMode == 'days') ? $(this).datepicker('hide') : '';
});
但是当我使用谷歌Chrome开发工具时,我意识到ev.viewmode是未定义的.我不确定如何前进.
推荐指数
解决办法
查看次数
如何在使用bootstrap激活时更改按钮颜色？
我正在使用bootstrap 3.我想在点击按钮时更改按钮颜色.我的意思是按钮在选中时应该是不同的颜色.我怎么能用css做到这一点？
我的代码是:
<div class="col-sm-12" id="">
<button type="submit" class="btn btn-warning" id="1">Button1</button>
<button type="submit" class="btn btn-warning" id="2">Button2</button>
</div>
推荐指数
解决办法
查看次数
如何使用在滚动后显示的引导程序创建隐藏的导航栏？
你能告诉我如何使用bootstrap创建一个隐藏的导航栏,并且只在你开始滚动页面后显示？
推荐指数
解决办法
查看次数
想要使字体真棒图标更薄
我正在使用字体真棒图标,但问题是他们有默认的字体重量.我希望它更薄一些.但它不起作用
我的HTML代码
<span class="fa-stack fa-lg fa-5x color-red">
<i class="fa fa-circle-thin fa-stack-2x"></i>
<i class="fa fa-trophy"></i>
</span>
我的css代码
.fa-trophy{
font-weight:lighter;
}
推荐指数
解决办法
查看次数
使用浏览器转换XML时,是否可以通过URL将参数传递给XSLT？
使用浏览器转换XML(谷歌浏览器或IE7)时,是否可以通过URL将参数传递给XSLT样式表？
例:
data.xml中
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="sample.xsl"?>
<root>
<document type="resume">
<author>John Doe</author>
</document>
<document type="novella">
<author>Jane Doe</author>
</document>
</root>
sample.xsl
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet
version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:output method="html" />
<xsl:template match="/">
<xsl:param name="doctype" />
<html>
<head>
<title>List of <xsl:value-of select="$doctype" /></title>
</head>
<body>
<xsl:for-each select="//document[@type = $doctype]">
<p><xsl:value-of select="author" /></p>
</xsl:for-each>
</body>
</html>
</<xsl:stylesheet>
推荐指数
解决办法
查看次数
Bootstrap 3:降低列表组中list-group-item的高度
我想减少list-group-item的高度.
<ul class="list-group" style="max-height: 200px;overflow: auto;">
<li class="list-group-item" ng-repeat="i in filters">
{{i}}
</li>
</ul>
我能怎么做？我应该添加自定义css类吗？
推荐指数
解决办法
查看次数
ContentEditable DIV - 禁用拖放
是否可以在contentEditable属性设置为true的元素上禁用拖放功能.
我有以下HTML页面.
<!DOCTYPE html>
<html><meta charset="utf-8"><head><title>ContentEditable</title></head>
<body>
<div contenteditable="true">This is editable content</div>
<span>This is not editable content</span>
<img src="bookmark.png" title="Click to do foo" onclick= "foo()">
</span>
</body>
</html>
我面临的主要问题是可以将图像拖放到DIV中并将其复制(与标题和点击处理程序一起)
推荐指数
解决办法
查看次数
标签 统计
css ×4
javascript ×2
bower ×1
browser ×1
command-line ×1
css3 ×1
datepicker ×1
font-awesome ×1
gulp ×1
height ×1
hidden ×1
html ×1
html5 ×1
jquery ×1
navbar ×1
param ×1
size ×1
transform ×1
xml ×1
xslt ×1