Tag: twitter bootstrap

Bootstrap没有按预期工作: 我使用twitter引导node.js用户界面，下面的HTML是我得到后，我使用Jade我想要的是使用jumbotroon http://getbootstrap.com/examples/jumbotron/，并把标签1和2在在导航栏上的项目名称相同的行，并使用链接中的黑色，我已经尝试了很多东西，我在这里做错了什么？ <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet" /> <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet"></link> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <nav class="navbar navbar-inverse" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse"></button> </div> <a class="navbar-brand" href="/#"> Node Rec </a> <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li> <a href="/recipes/b1"> Tab1 </a> </li> <li> <a href="/recipes/b1"></a> </li> </ul> <div class="container"></div> <div class="jumbotron"></div> <h1> List Arrivals […]

在＆扩展（.clearfix all）失败;`: 我正在与一个现有（和工作）Symfony2项目的克隆。它使用的是Bootstrap-2.2.2，所以我安装了Less来转储资产： sudo npm install less 它被安装，但是当我尝试转储资产时： php app/console assetic:dump –env=dev –no-debug 我得到这个错误： [Exception] parse error: failed at `&:extend(.clearfix all);` /home/user/server/project/app/../web/css/../vendor/bootstrap-2.3.1/less/mixins.less on l ine 643 我已经在GitHub仓库中发现了这个问题，并且已经升级到更新的版本：我已经下载了web/目录中的3.1.1版本，并且在基本模板（ base.html.twig ）中： {% javascripts output='compiled/*' 'vendor/jquery-1.8.3.min.js' 'bootstrap-2.0.4/js/bootstrap.min.js' 'js/twitter.js' 'js/main.js' %} <script src="{{ asset_url }}" onerror="redconvive.onErrorEvent(this)"></script> {% endjavascripts %} {% block javascripts %}{% endblock %} 至： {% javascripts output='compiled/*' […]

无法使用Grunt编译Bootstrap 3 LESS主文件（bootstrap.less）？: 我无法将“主” bootstrap.less编译为'<%= pkg.name %>.css' 。我得到这个错误运行grunt less ： Running "less:dist" (less) task >> ParseError: Syntax Error on line 643 in bower_components\bootstrap\less\mixins.less:643:25 >> padding-right: (@grid-gutter-width / 2); >> &:extend(.clearfix all); >> } Warning: Error compiling LESS. Use –force to continue. Aborted due to warnings. 我的configurationless任务是相当简单的： less: { options: { strictMath: true }, dist: { files: { […]

从USB运行一个webapps: 我是JavaScript框架和nodejs的新手。最近，我碰到一个要求，让我想如果我可以使用它们。要求： – 一个轻量级的网站，可以运行一个USB棒（一种便携式networking应用程序），而不需要在客户端机器上安装一个完整的networking服务器。 – 网站应该可供本地networking上的用户使用。 Web应用程序将主要用于：（a）捕获用户对问卷（b）的反应，显示图表，数据，报告（c），显示可点击的图表我想构build一个非常敏感的，富客户端的Web应用程序。从我在互联网上search的任何东西，我想我应该使用node.js（作为networking服务器）+ express.js（MVC框架）+ Twitter的Bootstrap（用于构build漂亮的用户界面）。我不确定，如果我的框架/工具的select是正确的，所以想知道什么专家build议。谢谢。

在Windows上的Symfony 2项目中编译Bootstrap 3: 我一直在尝试在Windows上的Symfony 2项目中编译Bootstrap 3。但是我无法让它工作。我的主要目标是编译我自己的LESS文件。我称之为“styles.less”。在那里，我想能够使用像“make-xs-column”这样的bootstrap混搭。所以我需要导入bootstrap.less。这是我到目前为止所做的：在我的composer.json中，我添加了bootstrap包： { … "require": { … "twitter/bootstrap": "v3.0.3" }, …. } 因为我想使用Bootstrap 3，所以我不能使用lessphpfilter，所以我使用lessfilter。为此，我不得不安装nodejs，然后减less（通过运行命令“ npm install less -g ”）。最后，我修改了我的config.yml，如下所示： assetic: debug: "%kernel.debug%" use_controller: false bundles: [ JoePersonalWebSiteBundle ] filters: cssrewrite: ~ less: node: "C:\\dev\\nodejs\\lessc.cmd" node_paths: – "C:\\dev\\nodejs\\node_modules" apply_to: "\.less$" 现在，在我的layout.html.twig中，我添加了以下内容： {% stylesheets filter='less' '@JoePersonalWebSiteBundle/Resources/less/styles.less' %} […]

在Node.js和Express上的Twitter引导: 如何在Node.js和Express上使用Twitter Bootstrap？我知道我必须把CSS和Javascript文件放在./public目录下（如果它是默认的）。但是当我查找如何在Node.js和Express上使用Twitter Bootstrap时，我知道使用Twitter Bootstrap有很多变种。例如，只需将bootstrap CSS和JS文件放在适当的目录中，或者指定： <link rel='stylesheet' href='assets/css/bootstrap-responsive.css'> <link rel='stylesheet' href='https://d396qusza40orc.cloudfront.net/startup%2Fcode%2Fbootstrap.js'> 还有两个来源，normal和.min.css文件，每个都有CSS和JS。那么如何在Node.js和Express中提供相应的Bootstrap文件呢？这是我当前代码的前几行（是否有必要？），这不适用于响应式devise（当我缩小屏幕以模仿智能手机的大小时，它不会垂直堆叠，而只是缩小尺寸每个比例是相同的）。 <!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <title><%= title %></title> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <link rel='stylesheet' href='/stylesheets/bootstrap.min.css'> <link rel='stylesheet' href='assets/css/bootstrap-responsive.css'> <script src='/javascripts/jquery-2.0.2.min.js'></script> <style type='text/css'> /* Large desktop */ @media (min-width: 980px) { body { padding-top: 60px; } } […]

使用grunt编译less量内存问题: 我目前正在使用鲍尔+咕噜build立我的网站。 bower.json依赖关系： "dependencies": { "jquery": "~2.1.3", "bootstrap": "~3.3.2", "admin-lte": "~2.0.0" }, 依赖在我的package.json ： "dependencies": { "grunt": "^0.4.5", "grunt-bower-concat": "^0.4.0" }, "devDependencies": { "grunt": "^0.4.5", "grunt-contrib-concat": "^0.5.1", "grunt-contrib-copy": "^0.7.0", "grunt-contrib-cssmin": "^0.12.2", "grunt-contrib-less": "^1.0.0", "grunt-contrib-uglify": "^0.7.0", "grunt-contrib-watch": "^0.6.1", "grunt-filerev": "^2.2.0", "grunt-usemin": "^3.0.0" }, 我正在使用AdminLTE 1.4.* ，一切都很好。我更新到AdminLTE 2.0.0 ，当我尝试编译我的less文件我收到此错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed – process out […]

资产，叽叽喳喳bootstrap和更less: configuration： assetic: debug: %kernel.debug% use_controller: false read_from: %kernel.root_dir%/../public filters: less: node: /usr/bin/node node_paths: [/usr/local/lib/node_modules] 枝杈模板： {% block stylesheets %} {% stylesheets filter='less' '@MyBundle/Resources/public/bootstrap/less/bootstrap.less' %} <link rel="stylesheet" href="{{ asset_url }}" /> {% endstylesheets %} {% endblock %} 这工作几乎好。我有一个问题，没有图像，他们被引用相对url（“../ img / glyphicons-halflings.png”），但他们不在那里。还有一个问题，它适用于node.js，但是如果我在生产服务器上没有node.js，如果我只上传编译后的css，它会起作用吗？

用于组织大型JavaScript应用程序的工具和最佳实践: 我正在开发相当复杂的webapps /仪表板，主要是在Javascript中。我喜欢在服务器上使用mongo和node，但是在客户端通常会有特定于应用程序的混乱的库和脚本。我目前的项目包括bootstrap ， jquery ， jquery-ui ， D3 ，传单，交叉filter和一些晦涩的东西的组合，这是公平的说，尽pipe应用程序是真棒，代码已成为邪恶的混乱。特别是D3和crossfilter的代码是相当详细的，例如参见官方crossfilter演示的源代码。所以这个问题：组织大型javascript应用程序的好工具和最佳实践是什么？我已经避免了全局variables，并尝试用闭包来组织命名空间，但是恐怕我需要一些比这更多的结构。在服务器上有npm，这是相当不错的，但有什么类似的浏览器？我已经看了require.js ， backbone.js和coffeescript ，但是我不太确定这些是否真的能解决问题或者只是增加复杂性。

Browserify – bower vs npm节点模块: 我真的不知道bower_components目录来自于我的Node Express应用程序，但它似乎与我的node_modules文件夹竞争，因为它们都包含jquery和bootstrap 。我正在使用Browserify，并试图捆绑jquery，bootstrap和一些其他组件。鲍尔在这里究竟发生了什么？我需要鲍尔什么？例如，当我在应用程序代码中执行require('jquery') ，我怎么知道它是来自NPM node_modules还是Bower bower_components？