Tag: twitter bootstrap

无法在本地主机上获取图像: 我正在使用Node.js Express项目，并在index.ejs页面中使用了Bootstrap carousal模板。如果我尝试将图像保存在“视图”文件夹下的项目中，图像标记不起作用。 <img class="img-circle" src= "/proj1.png" /> index.ejs文件也在“views”文件夹中。错误是：GET http：// localhost：3000 / proj1.png 404（Not Found）。我试图改变文件的相对path，但它没有工作。

Bootstrap表单Accordion不起作用: 我想创build的是，我有一个button，一旦我clcik它，2个更多的button出现，每个button一次点击显示另一个崩溃的forms，现在的想法是，我只想要一个forms出现在一次，所以如果窗体1打开，2即将出现窗体1应该崩溃，所以这里是我的代码： <div id="local" class="collapse"> <a data-toggle="collapse" data-parent="#ccvc" href="#local-sign-in" class="btn btn-default btn-md" role="button">I already have an account</a> <a data-toggle="collapse" data-parent="#ccvc" href="#local-reg" class="btn btn-default btn-md" role="button">I need to make an account</a> </div> <div class="form-group" id="ccvc"> <form id="local-sign-in" class="collapse" action="/login" method="post"> <div> <p></p> <label>Username:</label> <input type="text" name="username"/> </div> <div> <label>Password:</label> <input type="password" name="password"/> </div> <div> <input type="submit" class="btn […]

Twitter Bootstrap和typeahead不能一起正常工作: 下面的Jade代码 body div.container div.jumbotron h2 What do you want to find? form(action='/search', method='get') div.input-group input.typeahead.form-control( type='text', name='q', placeholder='Search' ) div.input-group-btn button.btn.btn-default(type='submit') i.glyphicon.glyphicon-search 转换为这个HTML（根据Chrome的F12）： <div class="container"> <div class="jumbotron"> <h2>What do you want to find?</h2> <form action="/search" method="get"> <div class="input-group"><span class="twitter-typeahead" style="position: relative; display: inline-block;"><input type="text" class="typeahead form-control tt-hint" readonly="" autocomplete="off" spellcheck="false" tabindex="-1" dir="ltr" style="position: absolute; top: […]

使用bootstrap，express和node.jslogin表单: 我对node.js非常陌生，并且expression出来，所以我仍然试图找出基本的function。我有一个简单的歌唱forms。我想，一旦我点击loginbutton另一个HTML页面加载和node.js函数被调用。如何做到这一点最好的方法？这是我的表单代码。 <form action="/create_dialog" method="post" class="form-signin"> <h2 class="form-signin-heading">Please sign in</h2> <label for="username" class="sr-only">Username</label> <input type="username" id="username" class="form-control" placeholder="Username" required autofocus> <label for="inputPassword" class="sr-only">Password</label> <input type="password" id="inputPassword" class="form-control" placeholder="Password" required> <div class="checkbox"> <label> <input type="checkbox" value="remember-me"> Remember me </label> </div> <input class="btn btn-lg btn-primary btn-block" type="submit">Sign in</input> </form> 有了这个代码，我成功导航到chat.html页面，一旦我点击“login”button。但是我想要做的也是调用node.js函数在服务器上创build一个文件，然后发送input到chat.html页面的用户名variables来显示名称。这是我有的app.js代码。 var express […]

如何在nodeJs中对单词进行着色: 我试图用nodeJS开发一个基于web的编译器。我的目标是为每个语法着色。如下面的C代码： int var; printf("%d",var); 我想在这里着色“int”和printf。我已经做了以下代码，直到今天，每个字母在打字过程中都变成了红色。 <textarea rows="13" cols="150" id="code" name="code" placeholder="do ypur code here" onfocus="if(this.value==''){ this.value='#include<stdio.h>\n' + 'int main(){\n' + 'return 0;\n' + '}'; this.style.color='green'; }" onkeyup="keyup()" onkeypress="pre()" onkeydown="down()" > function keyup() { document.getElementById('code').style.color='green'; } function pre() { document.getElementById('code').style.color='red'; } function down() { document.getElementById('code').style.color='green'; } 我正在寻找build议，把不同的，颜色的标准I / O，数据types。先谢谢你。

AngularJS Bootstrap – 控制台错误: 我试图从AngularJS Bootstrap设置$uibModal ，但是在控制台中出现错误。更多的在下面。 app.js： var app = angular.module('carApp', ['ui-bootstrap']); ctrl.js app.controller('carCtrl', function($scope, $http, $uibModal) { $http.get('jobs.json').success(function(data) { $scope.data = data; $scope.open = function() { var modalContent = $uibModal.open({ templateUrl: 'careersTpl.html', controller : modalContentCtrl, resolve: { items: function() { return $scope.data; } } }) } }); }); HTML： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script […]

有没有一种很好的方式使用EJS组队避免重复使用Express服务器？: 假设我的应用程序有两个视图：index.ejs，profile / index.ejs我想使用下面的快速代码路由。 /* GET home page. */ router.get('/', function (req, res, next) { res.render('index'); }); /* GET profile page. */ router.get('/profile', function (req, res, next) { res.render('profile/index'); }); 应该两个ejs文件都有自举链接？ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 如果答案是肯定的，每当我想渲染另一个页面，我应该从CDN重新加载样式和js文件？我的意思是，当我改变我的EJS模板时，是否有一个很好的方法来保持共同的内容？

向撇号CMS添加Bootstrap和徽标png: 我只是试图添加一个bootstrap.min.css文件及其对应的bootstrap.min.js文件到一个撇号CMS项目。我不知道如何简单地添加一个静态资源。我在我的app.js中有以下内容 'apostrophe-assets': { stylesheets: [ { name: 'bootstrap.min', minify: false }, { name: 'site' } ], scripts: [ { name: 'bootstrap.min', minify: false } ] } 但唉，它什么都不做。我也删除了.min版本，并尝试了这些，仍然没有。在这个笔记上，我需要能够链接到将在我的导航栏中使用的.png ，但我不知道在哪里存储任何静态资源的网站。有没有一个地方，我可以放下静态文件，我不想推动作为apostrophe-assets以便他们正确渲染和使用？

AngularJS socket.IO引导模块只有一次: 当与NodeJS和socket.io一起使用AngularJS时，我有一个bootstrap模式窗口的问题。我一直在谷歌search，似乎是问题有一个解决scheme，但由于某种原因，它不起作用，当我试图与Socket.io一起实施它。我在两个不同的地方使用模式 – 当我点击一个静态的div（完美的作品），当我收到来自webSockets的消息（只打开一次，然后什么也没有）。我想我可能在我的JS代码有一个问题，因为模式，当我点击一个静态的div工作正常，但我不知道。我有一个地址，当这个链接被访问时，我通过WebSockets发送一些数据给客户端。客户端事件如下所示： socket.on('patient', function(data){ modalInstance = $modal.open({ templateUrl: 'templates/patient.js', controller: 'patientModalCtrl', resolve: { details: function(){return data;} } }); }); 和： socket.on('alergy',function(data){ modalInstance = $modal.open({ templateUrl: "templates/alergy.js", controller: 'alergyModalCtrl' }); }); 这两个工作只有一次，然后模态窗口停止出现。有趣的是，当我发出“过敏”，然后再“耐心”，我得到一个“过敏”窗口，然后耐心窗口下面的第二个“过敏”窗口。发射看起来像这样： app.get('/api/socket/hash/:hash', function(req, res){ var hash = req.params.hash; //allergy if(hash === "3fDecCD"){ connected_sockets[0].emit('alergy', {alergy: true}); res.json({status: true}); […]

Bootstrap LESS – Grunt手表输出到特定的目录: 当谈到命令行，批处理和东西我总是noob。老实说。我正在使用Windows 7 64位和Bootstrap 。我想用LESS试试Bootstrap，原因有二：更好地pipe理Bootstrap的CSS和颜色variables 要学习LESS，以便稍后可以使用它。所以我按照说明去安装node.js和Grunt。只要我使用> grunt dist命令，每一个都变得顺利和干净。没有错误，CSS准备好了。但是，每次运行命令和移动文件（我把.less项目与我的php框架分开）是有点无聊的，所以我看着> grunt watch 。它工作正常，但我仍然需要移动我的文件。问题来了：有没有办法改变这个命令，让Grunt将bootstrap文件保存在别的地方？我使用的Gruntfile.js是我用bootstrap获得的一个香草。