Tag: twitter bootstrap

expression不引导引导

我刚刚开始使用Express,我试图弄清楚为什么,当我运行我的应用程序时,Bootstrap字体没有呈现(它以简单的Times New Roman显示文本)。 我很确定我正在使用正确的path,因为当我在我的浏览器中打开我的index.html字体正确呈现。 我也尝试过使用Bootstrap导航栏,当我尝试通过Node运行Bootstrap时,Bootstrap似乎不能正常工作,但当我在浏览器中单独查看HTML文件时,Bootstrap再次正常工作。 将Bootstrap目录的path更改为“/ public / bootstrap …”导致它不能正确显示。 我该如何解决? index.html的: <html> <head> <title>X</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="../public/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="screen"> </head> <body> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <div class="container"> <h1>Under Construction</h1> <p>This website is under construction. Come back soon!</p> </div> </body> </html> web.js(我的主要应用程序文件): var express = require('express') var app = express() app.set('view […]

找不到模块Bootstrap

我正在运行“grunt”的目录有node_module文件夹,其中包含所有的模块,包括Bootstrap,Browserify等等。 当我运行“咕噜” 我得到: Running "jshint:files" (jshint) task >> 12 files lint free. Running "copy:build" (copy) task Created 1 directories, copied 17 files Running "concat:vendorcss" (concat) task File "build-css/vendor.less" created. Running "less:libremap" (less) task File build/css/libremap.css created. Running "jst:compile" (jst) task File "build-jst/templates.js" created. Running "browserify:vendor" (browserify) task >> Bundled build/vendor/vendor.js Running "browserify:libremap" (browserify) task Warning: […]

网站不工作在诺基亚Lumia

我的网站工作在Android和IOS浏览器,但它不开放在诺基亚Lumia IE Browser.It引发以下, 当我使用它的build议search应用程序时,什么都没有显示出来。 我尝试过与其他类似的网站,他们工作得很好。 不知道是什么造成这个问题。 它是一个使用bootstrap 3.1.1框架构build的nodejs网站。 有没有人有任何想法是什么导致这一点。 提前致谢….

如何在Sails.js 0.10.x中使用BootstrapconfigurationBower

我正在尝试在Sails.js 0.10.x项目中创build一个新的bower任务。 这就是我现在所拥有的:/tasks/config/bower.js /** * Bower */ module.exports = function(grunt) { grunt.config.set('bower', { dev: { dest: '.tmp/public', js_dest: '.tmp/public/js', css_dest: '.tmp/public/styles', options: {} } }); grunt.loadNpmTasks('grunt-bower'); }; 然后,我有:/tasks/register/bower.js module.exports = function (grunt) { grunt.registerTask('bower', [ 'bower:dev' ]); }; 然后,我改变/task/register/default.js添加凉亭。 module.exports = function (grunt) { grunt.registerTask('default', ['bower', 'compileAssets', 'linkAssets', 'watch']); }; 如果我运行grunt bower:dev –verbose我得到这个日志: Running "bower:dev" […]

单击上一个和下一个button,使用angularjs更改项目列表的活动状态

我有一个项目列表中的项目是通过itemController硬编码JSON数据呈现。 有两个button,即上一个和下一个。 最初,页面加载时,活动状态,即蓝色高亮框被标记为item1 。 这很好,因为它的第一个需要之一。 第二个需要是当我点击Nextbutton时,活动状态应该从item1跳到item2 ,直到活动状态到达列表的末端,即item5 ,在下一个button点击之后,Nextbutton将被禁用,直到活动状态达到item5 。 同样,当我点击上一个button时,活动状态应该从项目5跳转到项目4,依此类推,直到活动状态到达列表顶部,即项目1,在上一个button点击之后,上一个button应该被禁用,直到活动状态达到项目1和下一个button启用。 我很长一段时间无法解决这个第二个需求。 链接到我的plnkr

Webpack + Sails多页面应用程序

关于使用webpack分割代码的问题我有3个不同页面的multipage sails 网站 第一页包含jquery,bootstrap,modernizr和时刻 第二页包含jquery和bootstrap 第三页包含jquery,bootstrap和时刻 如果我使用CommonsChunkPlugin它获取jquery和bootstrap在单独的模块,所以我期望在第一页我需要加载相关的第一页(普通+第一页),第二页只有普通脚本和第三页脚本有关第三页(共同+第三) 第一页和第三页工作正常,但在第二页上,我无法打开模式窗口来改变语言(如果你运行应用程序,右上angular窗口) 问题: 1)如何在第二页上运行引导程序js,以允许打开模式窗口 2)如何在每个页面上实现延迟加载,显然我不需要在页面加载时引导,它可以等待一段时间,而用户不会按更改语言链接 3)为什么我不能使用最新modernizr,如果我从bower.json中删除它,并运行bower i modernizr –save它将更新modernizr 3.0,但webpack无法find它 运行应用程序,克隆它,全局设置grunt并运行npm i命令,它将在localhost上启动应用程序:1337

我怎么让我的bootstrap.css显示在节点/快递/玉?

我似乎无法让我的服务器呈现我的bootstrap.css。 我觉得这跟我脚本的顺序有关,但也许我错了。 这里是我的玉文件,这是我觉得我的问题是。 如果你需要更多的代码,如公共文件夹中的实际引导,或者任何让我知道的。 玉 extends layout block sources link(rel= "stylesheet prefetch", href= "stylesheets/A6/bootstrap.css") link(rel= "stylesheet", href="/stylesheets/A6/a6.css") block content p#title.col-xs-12.bg-primary.text-center | Tic – Tac – Toe! div.col-xs-3.bg-info div.bg-primary.controls span button.btn.btn-default(data-bind="click: StartMessage.bind($root)") | New Game p#message.lead(data-bind="if: theMessage.mainMessage") |Welcome to Tic Tac Toe! This is a 2-player game. Press the "New Game" button above to play. p#message2.lead(data-bind="if: […]

如何将jquery引导file upload插件中的自定义标头传递到节点服务器

我想传递一个标记字段和它的值以及file upload操作。 我正在使用Bootstrap文件input插件,但它不像其他默认头一样将自定义标头发送到nodejs服务器。 我已经尝试了下面的代码。 请帮我解决这个问题。 此代码与我的本地Apache服务器与基于PHP的代码正常工作,这个问题只显示在我的nodejs服务器,我使用的是sailsjs。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.1/css/fileinput.css" rel="stylesheet" type="text/css"><br> <link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.3.1/js/fileinput.min.js"></script> <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> </head> <body> <input id="file-1" class="file" type="file" multiple data-preview-file-type="any"> <script> $("#file-1").fileinput({ uploadUrl: '#', // you must set […]

bootstrap.css不会显示在浏览器中

我正在使用这个教程build立一个angular2和吞咽的项目。 http://blog.codeleak.pl/2016/03/quickstart-angular2-with-typescript-and.html 我做的唯一的改变是我添加了引导到package.json,但它不显示在浏览器中。 它显示在IDE的我的项目中的node_modules和lib文件夹中。 但是,如果我使用引导类,它们不会被应用。 bootstrap.min.css文件也不显示在浏览器中。 我添加了关于bootstrap的2行到我的gulp文件 gulp.task("libs", () => { return gulp.src([ 'es6-shim/es6-shim.min.js', 'systemjs/dist/system-polyfills.js', 'systemjs/dist/system.src.js', 'reflect-metadata/Reflect.js', 'rxjs/**', 'zone.js/dist/**', '@angular/**', 'bootstrap/dist/js/bootstrap.min.js', 'bootstrap/dist/css/bootstrap.min.css' ], {cwd: "node_modules/**"}) /* Glob required here. */ .pipe(gulp.dest("build/lib")); }); 我在index.html中添加了这一行来包含它 <link rel="stylesheet" type="text/css" src="lib/bootstrap/dist/css/bootstrap.min.css"> 这是我的项目结构 编辑:只是为了澄清,我看到bootstrap.css文件复制在IDE的lib文件夹中,但我没有看到它在浏览器中。 从Chrome开发工具看下面的截图 任何线索,我可能会失踪? Github回购 – https://github.com/richa008/Angular-starter-app-with-gulp

gem在Windows上安装jekyll错误

我已经在Webstorm 7上创build了新的twitter-bootstrap项目,并更新了npm,然后执行了咕噜评论我在下面的错误Jekyll Running "jekyll:docs" (jekyll) task Warning: Please install Jekyll before running this task. Use –force to continue. Aborted due to warnings. 然后,我按照( http://www.madhur.co.in/blog/2011/09/01/runningjekyllwindows.html)URL给出的步骤,现在我得到错误 gem install jekyll 步。 请看下面的gem_make.out文件的错误日志 C:/Ruby200/bin/ruby.exe extconf.rb创buildMakefile make“DESTDIR =”生成stemmer -i386-mingw32.def编译porter.c make:execvp:gcc:坏文件编号make: * [porter.o]错误127 请指导我如何过来这个问题。