Tag: twitter bootstrap

在构build引导程序时,如何select不同于“dist”的构buildpath?

从源代码构buildBootstrap时 ,默认构buildpath是dist ,我可以指定另一个path而不更改Gruntfile.js太多吗?

使用快递渲染玉石模板后,引导button间距丢失

您好,我使用angular度与快递和使用玉作为模板引擎。 当我渲染的部分是一个玉的模板渲染视图看起来不同于当我不使用玉的渲染部分。 这个例子是; 当使用button之间的玉空间就像附加的图像丢失。 在这里,我正在尝试; index.jade body block content div(class="container-fluid") div(class="row") div(class="col-sm-2 col-md-2 col-lg-2") include ../public/app/views/sidebar/main.sidebar.jade div(class="col-sm-10 col-md-10 col-lg-10") div(ng-view class="row") —-> i am trying to render view here editor.html <div class="col-md-12"> <div class="container" style="width:inherit;"> <div class="panel"> <div class="panel-heading"> <button type="button" class="btn btn-success"> <span class="glyphicon glyphicon-flash"></span>Execute </button> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-floppy-disk text-primary"></span>Save […]

如何安装grunt文件进行引导

我需要安装bootstrap。 到目前为止,我已经完成了第一步。 我能够安装grunt文件,但是第二步给了我几天的问题,我不想花第二天的时间。 第1步:使用npm install -g grunt-cli在全局安装grunt-cli 第2步:导航到root / bootstrap /目录,然后运行npm install。 npm将查看package.json文件并自动安装列出的必需的本地依赖项。 每当我做npm安装,我得到npm无法find当前目录中的package.json文件。 那么我不知道如何获得它到我目前的目录,在命令提示符是C:\ Users \ Crisp>。 引导文件位于C:\ Users \ Crisp \ bower_components \ bootstrap目录中。 在那里你会看到package.json文件。 我真的不知道该怎么做! 我曾经在这个网站上search过应该得到的答案,但是没有人说如何改变目录或者实际上让它工作。 我没有看到如何改变目录或根目录,但每个人都在说改变根目录我不是一个技术人员,我不知道。 请帮助我!

我用ember-cli-bootstrap-sass错了吗?

我有一个新的烬0.2.0应用程序,我试图把bootstrap。 我遵循的步骤是:1)安装这个npm包https://www.npmjs.com/package/ember-cli-bootstrap-sass 2)安装broccoli-sass 3)把@import "bootstrap"; 在我的app.scss文件中。 我得到的错误: file to import not found or unreadable: bootstrap 。 我应该使用凉亭下载@bootstrap? 如果是的话,这个包的目的是什么?

如何将数据传递到引导模型?

我的基本环境是node.js, sails.js和MongoDB。 我使用从数据库中提取的数据和坐标生成SVG,并使用“onclick”function调用打开模式窗口的函数。 我最终的目标是能够点击一个形状(代表一个长凳),并有一个模式打开与该形状/长椅的数据库信息。 我遇到的问题是如何将数据传递给模式,以便知道我select哪个形状/长凳,并列出该数据对象的数据。 目前,如果我通过select一个工作台打开一个模式,它会列出每个variables调用(this.example)为“未定义”,这显然是因为它没有传递该数据。 我如何生成形状/长凳的示例: // Foreach function generates shapes/benches from 'lab' collection in DB. // bFill variable is generated within this function based on whether this bench is set to active or not. <rect id="<%= lab.number%>" x="<%= lab.x %>" y="<%= lab.y %>" fill="<%= this.bFill %>" stroke="#000000" stroke-width="0.25" stroke-miterlimit="10" width="<%= lab.w %>" height="<%= […]

如何添加一个新的视图/路线expression?

我是新来的,我正在努力吸收。 我正在使用这个模板https://github.com/primaryobjects/Node.js-Bootstrap-Starter-Template好吧,直到这里,但是当我尝试添加一个新的页面,它返回给我以下错误: C:\server\node_modules\express\lib\router\route.js:196 throw new Error(msg); ^ Error: Route.get() requires callback functions but got a [object Undefined] at Route.(anonymous function) [as get] (C:\server\node_modules\express\lib\r outer\route.js:196:15) at EventEmitter.app.(anonymous function) (C:\server\node_modules\express\lib \application.js:481:19) at Object.<anonymous> (C:\server\app.js:31:5) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Function.Module.runMain (module.js:501:10) at startup (node.js:129:16) at node.js:814:3 目的是要回答我在以下地址的新页面: http:// localhost:3000 […]

由于文档的点击事件,angularjs multiselect下拉菜单会使页面变得沉重

我已经实现了这个angular度多选下拉菜单。 http://dotansimha.github.io/angularjs-dropdown-multiselect/#/ 它有以下的方法,保持跟踪事件closures打开的下拉菜单。 if ($scope.settings.closeOnBlur) { $document.on('click', function (e) { // some code here }); } 你可以在https://github.com/dotansimha/angularjs-dropdown-multiselect/blob/master/src/angularjs-dropdown-multiselect.jsfind这个方法 这种方法使我的angularJS页面沉重,这沉重的performance恶化。 有什么可以做的替代? 谢谢。

无法使用node.js v0.12.7,express 4,body-parser,bootstrap 3检索POST数据

在以前的应用程序中,我已经做了几十次,但由于某种原因,无法再工作了。 不知道这是否是版本问题。 我已经看过了我可以在网上find的每一个例子,而且没有一个可以工作。 不知道我在做什么错。 相关代码: index.html (从引导站点复制 – 我只添加angular色,操作和方法attrs到表单标记) <html> <head> <!– Latest compiled and minified CSS –> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> <!– Optional theme –> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css"> <!– jQuery –> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <!– Latest compiled and minified JavaScript –> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> </head> <body> <form role="form" action="/form" method="post"> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" […]

可sorting的用户列表最佳实践

我试图做一个web服务,在多个用户可以同时login。 在Nodejs服务器上有一个包含所有用户的未sorting数组。 和所有用户的数据库。 每个用户总是可以在HTML Bootstrap Table中查看每个用户的在线用户名和用户名, 列表中包含不同的列,并且还包含列表,包括在线和离线用户。 重要的是,表格应该每3-5秒更新一次 。 我希望用户能够通过单击一个列的Tableheadersorting在线用户表。 最佳做法是什么? 我现在只能想到两种不同的解决scheme,对我来说都不是很完美。 1.使用Bootstrapsorting 我保存用户想要sorting列表的信息。 然后我收到未分类的数据,并填写表格,之后我会触发一个点击标题,并再次以同样的方式sorting表。 但是,如果我这样做,我想用户会一直注意到表格被重新填充,然后重新sorting,如果每3-5秒完成一次。 2.保持服务器上的sorting列表 保持服务器上所有不同的sorting列表,并让服务器每隔3-5秒对它们进行sorting。 然后,当客户端请求它时,将他当前想要的sorting列表发送给客户端并填充表格HTML。 但是这种方式我认为它会使用我的服务器上的一些资源,因为它还需要对一些混合的在线/离线用户进行sorting,这些用户可能是许多不同的表,我不得不在我的服务器上不断地保存和重新sorting。 有没有更好的方法来为客户实现许多可sorting的用户列表?

用手写笔导入引导程序

我开始用boilderplate做早午餐。 现在我想在这里包括bootstrap-styl 。 我用npm安装了bootstrap,工作正常。 现在它位于node_modules文件夹中。 当我尝试在* .styl文件中导入@import bootstrap时,问题就出现了。 failed to locate @import file bootstrap.styl 根据文档,这是我需要得到这个工作: var bootstrap = require('bootstrap-styl'), stylus = require('stylus'); function compile(str) { return stylus(str) .use(bootstrap()); } 那么我到底需要写些什么呢? 在我的任何脚本? 我完全不知道这个洞的工作原理。 试图把这个代码放在空脚本文件中,仍然没有结果。