Tag: twitter bootstrap

在Laravel-mix / Webpack中定义require的顺序: 我在为我的NPM添加Summernote时遇到了麻烦。我想使用NPM，以便所有的JS和CSS文件都在一个文件中。不幸的是，当我将它添加到Laravel-mix和Webpack中时，我一直无法获得Summernote的工作。我知道它适用于我的main.blade.php添加脚本链接。问题是，jQuery总是在我的app.js文件的末尾，但我需要Summernote是最后一个。 webpack.mix.js mix.js([ 'resources/assets/js/app.js', // I tried to add a new file with only summernote required to get it to be the // last package to be in the app.js but no luck. //'resources/assets/js/summernote.js' ], 'public/js'); 资产/ JS / app.js require('./bootstrap'); // Menu require('./sidebar.js'); ./bootstrap window._ = require('lodash'); /** * We'll […]

使用NODE.js的dynamic网页/ WebApp: 我是networking开发新手，我已经开始学习NODE.js。我想创build一个网站，将有login/注册和数据将是dynamic的。我也开始学习html5，css3和bootstrap。我将使用Express框架进行开发。我的担心是如何开始？我将如何使用NODE.js制作dynamic网页？我必须使用模板引擎或react.js吗？我应该如何使用安全和身份validation？我应该使用快递还是别的？另外请让我知道使用NODE.js制作一个强大而安全的网页或网页应用程序的最佳做法

Git Bash – Gulp：不能执行命令“gulp”; 错误：找不到模块: 我正在关注Bootstrap上的Udemy教程。我在Git Bash中的文件夹C:/bs4projects/bs4starter中，但是当我运行命令“ gulp ”时，它会给我这个错误： Error: Cannot find module 'C:\c\Users\[username]\AppData\Roaming\npm\node_modules\gulp-cli\bin\gulp.js 我注意到它在path上添加了一个名为“ c ”的额外文件夹，我不知道如何改变它应该查找的PATH 。我也注意到它不是在我的bs4starter文件夹里面bs4starter 请帮忙，一直在努力寻找解决scheme。我检查了我的gulp.js安装在我的bs4starter文件夹和\npm\node_modules\gulp-cli文件夹中，他们都在那里，所以我想我正确地安装了它。

Angular 4路由奇怪的行为：除非页面刷新，否则不呈现子模块: 我一直在寻找解决这个奇怪的行为，没有运气。在angular度4控制台或JavaScript控制台中没有错误使用Angular CLI（Angular 4） angular度路由器我变得非常奇怪的行为。我试图从父AppModule加载一个子路由，它有它自己的模块。路线在/产品在/ products模块（products.module.ts）：我有3个路由： /产品/概述 /产品/介绍[redirect到/产品] /产品/产品/：产品产品模块应该有它自己的navbar UNDER在全球AppModule的导航栏，这是在products.component.html组件模板的路由器出口之上。主要问题：当我加载页面（不使用angular routerLink）到/ products：两个navbars都可见 LOADED（ex / intro）的页面具有可见的navbar，但子组件（IntroComponent）不可见但是，当我导航到/ products模块路由中的任何其他子路由时，（ex / overview或/ product /：product）：它呈现得很好。所以无论路由在整个页面上加载刷新都是不可见的。最奇怪的部分：当我在不是/ products（ex / home）的path上加载页面（刷新），然后使用主导航栏导航到/ products时：导航栏不可见 ????? 子组件（ex / intro组件）是可见的过去几天，这已经使我陷入了极度的困境。现在，一些代码： app.module.ts [main AppModule] @NgModule({ declarations: [ AppComponent, HomeComponent, LoginComponent, SignupComponent, NotFoundComponent, LogoutComponent, […]

如何在容器特定的scss中包含bootstrap？: 我正在努力升级到reactstrap ＆bootstrap的最新版本，我曾经有：reactstrap在我的package.json和bootstrap SCSS下载在我的客户端/ src / styles / bootstrap目录中。我现在有在我的package.json： "reactstrap": "^5.0.0-alpha.3", "bootstrap": "^4.0.0-beta", 对于我的容器和组件特定的SCSS文件，这用于工作： home.jsx： import '../styles/home/Home.css' home.scss @import "../bootstrap/variables"; @import "../bootstrap/custom"; @import "../bootstrap/mixins/breakpoints"; @include media-breakpoint-down(sm) { … } 新的reactstrap和引导程序不再提供这些@import文件。如何导入引导项目，如@import "../bootstrap/mixins/breakpoints"; bootstrap/ @import "../bootstrap/mixins/breakpoints"; ？还是我做这一切都错了？谢谢

由webpack生成的Vendor.js不工作（Gulp手表调用webpack）/ Bootstrap: 我正在一个网站上的Gulp和Webpack生成所有的js文件。问题是，在index.html中导入的时候，由webpack生成的文件Vendor.js（捆绑来自node_modules文件夹的JQuery和Bootstrap ）不能正常工作，因此我必须包含jquery.js和bootstrap.js手动的文件，我不想。当我打开生成的Vendor.js文件，它看起来像它有bootstrap.js和jquery.js，但它不工作:( 在这里你可以看到文件夹结构： webpack.config.js var path = require('path'); module.exports = { entry: { App: "./app/js/App.js", Vendor: "./app/js/Vendor.js" }, output: { path: path.resolve(__dirname, "./app/temp/scripts"), filename: "[name].js" }, module: { loaders: [ { loader: 'babel-loader', query: { presets: ['es2015'] }, test: /\.js$/, exclude: /node_modules/ } ] }, plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', […]

在各个引导组件上减less编译错误: 我有点困惑。我正在尝试使用lessc来编译包含bootstrap部分的应用程序。我希望能够select我所需要的bootstrap，因为我不会全部使用它。当我导入bootstrap.less一切都完美地编译。但是，如果我导入只是reset.less或buttons.less我得到： TypeError: Cannot call method 'charAt' of undefined 。这里发生了什么？我的文件夹设置 less/ application.less bootstrap/ bootstrap.less reset.less buttons.less etc… application.less 当我有@ @import 'bootstrap/bootstrap'时，所有东西都编译得很好当我有@ @import 'bootstrap/bootstrap' @import 'bootstrap/reset' 而且我也尝试在文件名的末尾添加无效的，相同的结果。我在网上发现，较less的版本1.3.0应该解决这个问题，但这是我正在使用的版本。任何帮助将不胜感激。

无法将引导加载到nodejs: 我对nodejs和bootstrap很新，但是我只想build立一个简单的个人网站，所以我得到了一些教程。我下载了bootstrap 2.0.2并解压缩。我把bootstrap和bootstrap响应到我的项目的样式表文件夹，并将bootstrap.js和jquery.js放到我的项目的javascripts文件夹中。然后我按照指令更改index.jade和layout.jade，如下所示： **layout jade:** $<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title><%= title %> – Microblog</title> <link rel='stylesheet' href='/stylesheets/bootstrap.css' /> <style type="text/css"> body { padding-top: 60px; padding-bottom: 40px; } </style> <link href="stylesheets/bootstrap-responsive.css" rel="stylesheet"> </head> </html>$ **index.jade <div class="hero-unit"> <h1>欢迎来到 Microblog</h1> <p>Microblog 是一个基于 Node.js 的微博系统。</p> <p> <a class="btn btn-primary btn-large" href="/login">login</a> […]

Css覆盖nodejs表示引导: 我已经开发了Java + Spring的移动Web应用程序，因为我现在试图在node.js上实现同样的function。我使用bootstrap.css和styles.css作为我的站点特定的样式和一些bootstrap覆盖。在我以前的实现中，一切工作都正确，但是现在在nodejs上，所有来自bootstrap的样式都被直接应用到我的标记中，而来自styles.css的所有覆盖都被chrome忽略。任何想法我错过了什么。下面是我的问题的示例演示来自html的一些标记 <div class="row"> <ul id="tabs-menu" class="nav nav-tabs"> <li class="active"><a href="#bollywood" rel="1">Bollywood</a></li> <li><a href="#western" rel="3">Western</a></li> <li><a href="#pakistani" rel="2">Pakistani</a></li> <li><a href="#islamic" rel="4">Islamic</a></li> </ul> </div> CSS检查铬的属性 //from bootstrap .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } //from bootstrap .nav > li > a:hover, .nav > li > a:focus […]

无法正确使用Bootflat。: 我刚刚发现了一个名为Bootflat的新颖时尚的引导程序框架。我犯了一个很大的错误，从他们的示例页面开始，我复制了所有的引用标签，并将其添加到我的新的HTML页面，并开始编写我的主页代码，经过一天的编码和testing，我遇到了我的导航栏小窗口，它幻灯片，但不会closures，比我search这个问题，我终于修好了，我不得不引用jquery.collapse.js，它运作良好，但是当我重新阅读指南在那里安装框架，我发现我做错了，他们说我必须使用npm安装它，这就是我所做的。所以，我不能nodejs.org并将其安装在我的Mac上，我运行npm install bootflat ，每件事情都很好，这里的问题是如何使用它，因为有一些scss文件。我真的很喜欢如何正确使用这个框架的简单的一步一步的指导。