Tag: twitter bootstrap

如何自动完成在我的Node.js项目中编译前端框架（如Twitter Bootstrap）的任务？: 我如何自动完成在我的Node.js项目中编译Twitter Bootstrap的任务？我正在编辑LESS文件，这些文件编译为我的Node.js项目的自定义Bootstrap版本，因此我不能只使用在线定制器或预编译的JavaScript / CSS分发版。我如何使用Grunt或Bower这样的工具来自动化构build和编译Twitter Bootstrap前端框架到我的项目中的过程？是否有前端库和框架的包pipe理器？

如何解决错误“无法在Bootstrap node.js应用程序中设置属性'undefined undefined'的emulateTransitionEnd？: 我从零开始创build了Node.js应用程序，并且已经添加到了app.js. global.jQuery = require('jquery'); 之后，它给了我错误如下： /home/yojna/web/node_modules/bootstrap/js/transition.js:36 $.fn.emulateTransitionEnd = function (duration) { ^ TypeError: Cannot set property 'emulateTransitionEnd' of undefined at /home/yojna/web/node_modules/bootstrap/js/transition.js:36:29 at Object.<anonymous>(/home/yojna/web/node_modules/bootstrap/js/transition.js:59:2) at Module._compile (module.js:456:26) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Module.require (module.js:364:17) at require (module.js:380:17) at Object.<anonymous> (/home/yojna/web/node_modules/bootstrap/dist/js/npm.js:2:1) at Module._compile (module.js:456:26) yojna@yojna-Inspiron-7520:~/web$

更改Window.print（）纸张方向: 我想在窗口打印上改变纸张模式（方向）。我想改变它编程，但我找不到任何东西。 window.print（）但我不知道，我该怎么做。 @media print{@page {size: landscape}} 我不需要它。 function printWindow() { window.print({ /* some code here? */ }); }

对Node，NPM，Bower感到困惑，并将其用于Bootstrap: 我正在尝试学习Web开发的最新技术。我已经知道HTML，JS，CSS和服务器端编程。但是我不明白Nodejs ， npm和Bower在哪里。我想创build一个新的项目。所以我为它创build了一个文件夹。然后我想用bootstrap。所以我跑bower install bootstrap 。现在我已经将bootstrap安装在名为bower_components的文件夹中。这是否意味着，如果我想导入Bootstrap，我必须像这样添加它： <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 还是我错过了一些东西。我真的不知道从这些包pipe理器开始。

如何在节点项目中包含引导程序: 我有一个使用基本npm命令脚手架的MEAN堆栈项目。目前，Bootstrap包含在CDN中： link(rel='stylesheet', href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css') 我的问题是我怎样才能使用npm添加bootstrap，所以这个项目和CDN包含的一样。特别是当我跑步的时候 npm install bootstrap 在node_modules中创build一个boostrap目录。但是，如果我尝试从该目录中包含bootstrap.css，则会破坏glyphicon字体。任何人都可以build议如何做到这一点？ PS我也会对AngularJS本身提出同样的问题。

添加bootstrap.js到browserify？: 所以我想弄清楚如何做到这一点？我通过凉亭下载了bootstrap-sass，并将bootstrap javascript添加到了一个垫片中。有几件事让我感到困惑，bootstrap.js文件看起来像这样。 //= require bootstrap/affix //= require bootstrap/alert //= require bootstrap/button //= require bootstrap/carousel //= require bootstrap/collapse //= require bootstrap/dropdown //= require bootstrap/tab //= require bootstrap/transition //= require bootstrap/scrollspy //= require bootstrap/modal //= require bootstrap/tooltip //= require bootstrap/popover 这是一种自我解释，但同时还是令人困惑的，我是否会这样评论呢？当我添加到引导程序shim中时，是否只包含bootstrap.js文件，还是应链接到所需的所有文件？为了避免黑客入侵（我将在此期间进行），我想尝试获取有关如何将bootstrap.js包含到browserify中的信息。编辑：我想我可能只需要concat所有我需要的文件，并包括该脚本，因为当我浏览bootstrap.js我刚刚得到上述。我会尝试没有评论，那么如果失败，我会连接所有的脚本到一个文件，看看会发生什么:) 编辑：嗯看起来像concat理论的作品！唯一的事情是jQuery，看看。 ; jQuery = global.jQuery = require("c:\\wamp\\www\\mysite\\app\\client\\requires\\jquery\\js\\jquery.js"); /* ======================================================================== […]

如何在sails 0.9中提供bootstrap模板？: 我想知道如何通过较新的帆版本来提供引导模板。我应该更新JS的链接到其他东西。我试图移动资产文件夹中的JS和图像，但JavaScript没有工作。在这个话题上帆的文件是非常贫穷的。谁能告诉一个简单的方法来整合它。提前致谢

使用webpack加载bootstrap时，'jquery没有定义': 我刚刚开始学习使用Webpack（以前我只是使用手动方式来分别包含单独的脚本）。我用bootstrap-loader加载bootstrap。这是我的webpack.config.js var path = require("path") var webpack = require('webpack') var BundleTracker = require('webpack-bundle-tracker') module.exports = { context: __dirname, entry: './assets/js/index', // entry point of our app. assets/js/index.js should require other js modules and dependencies it needs output: { path: path.resolve('./assets/bundles/'), filename: "[name]-[hash].js", }, plugins: [ new BundleTracker({filename: './webpack-stats.json'}) ], module: { loaders: [ […]

什么是NPM，为什么我需要它？: 在过去，我用记事本做了一些网站的例子，所以我们必须创build一个文件夹TREE，并把它放入一个.htm文件，以及一些像JavaScript，CSS等东西的文件夹… 也许我不明白NPM真正带来了什么，因为它似乎做同样的事情，但它自动化…是这样吗？例如，为什么不在不使用NPM的情况下解压缩一个框架（例如Bootstrap或Kube），因此可以使用文件夹呢？请帮助我理解，因为我接近疯狂的状态，所有这些东西…

Twitter的Bootstrap LESS与Node.js＆Express: 由于Twitter Bootstrap 2已经出来，我想把它集成到我的Node.js项目中。不幸的是，less编译器有问题，我不能得到它的工作。我把所有的文件放到公共文件夹中，并build立一个新的项目与express -c less newproj 。并添加更less的线 less = require('less'); app.use(express.compiler({ src: __dirname + '/public', enable: ['less'] })); 所有节点告诉我是： Express server listening on port 3000 in development mode undefined 在客户端，我得到一个500（内部服务器错误）的bootstrap.css文件，应该由lessc编译。 lessc bootstrap.less 工作正常。任何人都知道如何解决这个问题？