1回答
我有一个使用angular-cli构建的angular2应用程序，其中包含几个组件。每个组件都有一个引用样式表(scss)。
这些样式表中的独特样式被正确地应用于component-template。
我不能做的是覆盖来自外部css的样式，这些样式包含在那些组件样式表的angular-cli中。
一旦我将样式移到中央styles.scss，它就会工作。
我的angular-cli.json如下所示：
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"../
浏览 22提问于2017-02-07得票数 9
回答已采纳
1回答
我不知道为什么，但是这个js脚本不适合我：
document.getElementById('logo').style.width="300px";
我在标题中所包含的内容：
<link media="screen" href="/styles/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/libs.js"></
浏览 3提问于2014-01-27得票数 1
回答已采纳
我尝试在我的自定义wordpress插件中使用引导程序，但似乎用以下方式破坏了所有的管理区域
class MyPlugin{
public function iniAdmin(){
add_action('admin_menu', array($this, 'register_collections_menu_page'));
add_action( 'admin_init', array($this,'style_bootstrap' ));
}
public function
浏览 2提问于2014-05-25得票数 1
回答已采纳
1回答
导入全局样式(在我的例子中是来自Bootstrap的混合器)是否可以不影响组件中选择器的封装？
让我以一个例子来解释这一点：
/style/bootstrap.scss -更改引导变量的默认值：
@forward '~bootstrap/scss/bootstrap' with (
$body-bg: color.$white,
$body-color: color.$dark
);
/component/foo/foo.scss -组件样式，其中我使用有用的引导、混合和变量：
@use 'bootstrap' as bootstrap;
figure
浏览 1提问于2021-09-03得票数 1
1回答
有了Shadow DOM，我可以很容易地很好地使用像bootstrap这样的外部CSS框架，而且它只适用于我的作用域，这很好(例如)。
然而，据我所知，这并不适用于JavaScript库。例如，如果我需要在我的web组件上使用jQuery，我基本上会让它在整个页面上都可用。与聚合物一起使用外部JavaScript库的推荐方式是什么？当我的web组件(通过bower分发)需要一个版本的foo.js，而消费者需要另一个版本时，我应该如何处理？
浏览 0提问于2015-05-31得票数 4
我正在制作一个Angular2应用程序，并且我正在使用bootstrap来设置样式。我使用了webpack作为模块捆绑器。我已经包含了bootstrap库和来自vendor.ts的全局自定义样式表。这是我的vendor.ts：
// Angular
import '@angular/platform-browser';
import '@angular/platform-browser-dynamic';
import '@angular/core';
import '@angular/common';
import '@
浏览 1提问于2016-11-07得票数 2
1回答
我当前的项目使用grunt-sass将scss文件转换为css。根据grunt-sass文档，我可以使用节点-sass提供的任何选项，但以下几个除外：
选项
请参阅节点-sass选项，除了文件、outFile、成功和错误。
我的项目从一个SCSS文件中编译两个CSS文件。SCSS文件中有if-语句，这些语句根据版本变量的值提供不同的代码($bootstrap- version : 3；或$bootstrap-version: 4;)。
我想使用node选项functions将引导版本返回给我的SCSS文件。
这是我的档案。functions: {...}路径是我所期望的选项的工作方式。
浏览 0提问于2018-03-06得票数 1
回答已采纳
1回答
我使用的是Bootstrap，它使用jQuery来工作，但在同一个项目中我也使用原型。我知道可以在jQuery中更改别名，但是如何更改Bootstrap.js中的别名以供使用jQuery并继续使用$ in Prototype？
谢谢!
浏览 2提问于2014-11-03得票数 1
回答已采纳
1回答
我用的是带有引导带4的角度CLI。经过一些痛苦的设置后，我已经准备好了。一旦“ng serve”完成了内存中的构建，我打开了应用程序，在检查了一些元素之后，我注意到引导类多次出现。
在检查<head>之后，我可以看到有<style>元素(3x)，它们都包含引导类。
我的应用程序设置如下：
- SRC
|- APP
| |- TOOLBAR
| | |- toolbar.component.scss
| |- app.component.scss
|- app.scss
|- variables.scss
在var
浏览 0提问于2017-05-19得票数 0
回答已采纳
1回答
我只想在需要的时候动态导入单个引导组件。
Bellow语法实际上可以做到这一点，但它确实导入了所有组件。
因此，最终的模块包是1.4MB (完整的引导库)。
BNavbar: () => import('bootstrap-vue').then(module => module.BNavbar),
如何将其更改为只导入navbar，使其等效于
import { BNavbarPlugin } from 'bootstrap-vue'
Vue.use(BNavbarPlugin)
浏览 8提问于2022-02-15得票数 0
我正处于学习bootstrap的过程中，正在为行高而苦苦挣扎。在bootstrap中，宽度似乎很容易，因为行通常跨越整个窗口，而列宽是显式声明的。
但是，行和列的高度更令人困惑。所以我的问题是：
bootstrap中行的默认高度是多少？行的高度是否取决于高度最大的列？有没有显式定义行高的好方法？例如，使行高为容器的50%，等等。
任何帮助都将不胜感激！
浏览 6提问于2016-06-10得票数 5
回答已采纳
1回答
我一直在重构一个网站，从聚合物到Lit，我已经完成了相当长的一段时间，但我被样式难住了。为了保持开发的简单性，同时我专注于我一直在做的功能：
export class StyledElement extends LitElement {
// This applies styles by removing the shadowroots allowing the script tags on
// index.html to work
createRenderRoot() {
return this;
}
}
那么每个元素都继承了它，并且能够使用：
<link r
浏览 27提问于2021-10-28得票数 0
1回答
我有一个Range4应用程序，在该应用程序中有角-cli.json中的全局样式和脚本。然后，我在“登陆”页面上分别使用了。在我将着陆页面变成一个角组件之后，我还将其所有样式都添加到了角-cli.json中。现在，我的登陆页面的引导程序与node_modules中的全局引导冲突，我的应用程序中断了。
当前，角-cli.json看起来如下所示：
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"./dist/css/landing/bootstrap.mi
浏览 1提问于2018-04-06得票数 3
2回答
Twitter引导溢出
、、、
这并不像Bootstrap页面上的示例那样工作。页眉总是溢出页面，除非我给它一个很大的页边距-顶部。我做错了什么吗？我真的希望能够使用Bootstrap。这肯定会为我节省大量的时间。
浏览 0提问于2013-05-22得票数 0
回答已采纳
1回答
如果单击删除行按钮，表行将被删除。
点击[增加]按钮，表体将增加一个新字段和删除行按钮。
我面临的问题是，删除行按钮在我的html中有效，但在我的javascript中不起作用。请帮帮忙。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library --&
浏览 2提问于2016-12-31得票数 1
我目前正在构建一个Ruby on Rails应用程序，我正在使用twitter-bootstrap-rails gem，并且已经开始使用@media css调用对响应式布局进行大量修改。但是，为了维护特定类型的格式，我想禁用large desktop @media (min-width 1200px)。我知道如何通过正常的Twitter Bootstrap过程来做到这一点，但我更喜欢维护twitter-bootstrap-rails gem。
如果有什么可以告诉我应该添加哪个文件到我的assets/stylesheets中，或者如何修改@ call，我将不胜感激！
我正在寻找最干净的方式来做到
浏览 0提问于2013-02-07得票数 0
回答已采纳
3回答
我试图使用PrimeNG来创建一个分页的表，但是我得到了这个基本表，几乎没有样式
我想要和这个一样的款式
我想我已经安装和进口了所有所需的软件包。另外，我将所需的styles路径添加到angular.json文件中。
这是我的package.json
{
"name": "shopping-cart",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng se
浏览 9提问于2021-12-22得票数 1
我是新来的角型和自带型
实际上，我的浏览器中有这样的内容：
这个在我的代码里
<ng-template #newSlaVmData let-modal>
<div class="modal-header modal-slaVMData">
<h4 class="modal-title" id="modal-basic-title">
Add
</h4>
<button ty
浏览 9提问于2021-12-21得票数 1
1回答
多个类名
、
我有下面的ejs文件
<head>
<link href="http://fonts.googleapis.com/css?family=Oswald:400,300" rel="stylesheet"/>
<link href="/css/bootstrap.css" rel="stylesheet"/>
<!-- Custom styles for this template -->
<link rel="stylesheet" href="/css
浏览 2提问于2016-04-09得票数 0
回答已采纳
我正在使用：
'react-bootstrap'
handleMouseDown(e){
// HOW TO
}
<Navbar brand='React-Bootstrap' inverse toggleNavKey={0} onClick={this.handleMouseDown}>
<Nav right eventKey={0}> {/* This is the eventKey referenced */}
...
</div>
所有的工作，但NavBar不是崩溃，du你知道如何使它崩溃时，选择？
浏览 0提问于2015-05-27得票数 2
回答已采纳
我在香草JS中构建后，在React.js中构建了一个岩石布剪刀应用程序。我基本上已经完成了版本1，但我正在尝试添加警报(使用React-bootstrap)，这些警报在做出选择并运行函数时弹出。我试过把它放在几个地方，但我想不出该把它放在哪里。 import React, { Component } from "react";
import ReactInfo from "./ResultInfo";
import Button from "react-bootstrap/Button";
import Container from "
浏览 27提问于2020-06-15得票数 0
1回答
根据下拉列表选择获得多个值时，我所面临的问题应该是这样的：
用户选择第一个值(数量)，然后选择第二个值，即水果。它应该显示选定的值，最后用户按下按钮将所有选定的值保存到数据库中。
这是我的密码：
<form id="form1" runat="server">
<div>
<asp:DropDownList runat="server" ID="lstQuota">
<asp:ListItem Text="100 units"
浏览 0提问于2019-01-22得票数 0
回答已采纳
我对angularjs非常陌生，我打算在项目中使用angularjs，所以我认为这些步骤应该是这样的
1. import angular.js 2. import bootstrap.js 3. import bootstrap.css
但是我发现在why shall I use angular-ui bootstrap rather than import bootstrap.js directly?中有一个angular-ui bootstrap module，所以我测试了以两种方式创建下拉菜单，它们都工作得很好，我想角用户界面应该是推荐的方法，但是angular-ui bootstrap
浏览 4提问于2015-01-26得票数 0
我在angular-cli.json "../node_modules/bootstrap/dist/css/bootstrap.min.css"中有in样式。为什么当我删除这些行并添加到每个组件@import "{correct path to every directory/node_modules/bootstrap/dist/css/bootstrap.min.css}"中的每个css时，它不能像以前那样工作？
浏览 0提问于2018-04-17得票数 1
我想通过angular2和ng-bootstrap在我的项目中使用卡片和网格布局。
请问ng-bootstrap支持bootstrap4的新功能卡吗？
浏览 0提问于2016-07-18得票数 4
1回答
我使用的是AngularJS 1.7.5、x可编辑和智能表。在表行中，我有一个锚点，它通过x可编辑打开一个选择。我还启用了智能表中的行选择。
问题是，我不确定如何从select中停止click事件，并选择或取消选择表行。我编写了一个指令，禁止从打开select的A元素中单击，但是select是由x可编辑库创建的(例如，不在我的HTML中)。
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<script data-require="jquery@*" data-semve
浏览 4提问于2018-12-31得票数 1
回答已采纳
在构建过程中，我试图使用grunt-(版本0.4.1)重写文件中的一些字符串。作为一个测试，我可以复制文件，所以它不是权限或位置问题。
以下是fileProcessor任务(在Coffeescript语法中)复制文件的选项：
fileProcessor:
files: [
expand: true
cwd: "target/js/"
dest: "target/js/"
src: ["**/test-*.js"]
rename: (dest, src) -&g
浏览 3提问于2014-07-28得票数 1
回答已采纳
我做了一个自适应站点，在小屏幕上右边出现了空白区域。我不知道它是从哪里来的，如何删除它？Twitter Bootstrap的最新版本
浏览 2提问于2015-07-16得票数 0
1回答
缺失PNotify更近
、、、、
我使用插件，但关闭按钮没有显示。
new PNotify({
title: 'Sucesso',
text: response.message,
type: 'success',
styling: 'bootstrap3',
closer: true,
labels: {close: "Fechar", stick: "Manter&
浏览 2提问于2016-10-20得票数 0
回答已采纳
我正在尝试序列化avro中的字节数组。但是，我在这个过程中得到了ClassCastException。如果有任何帮助，我们将不胜感激。
java.lang.ClassCastException: class [B cannot be cast to class java.util.Collection ([B and java.util.Collection are in module java.base of loader 'bootstrap')
这是我的模式。
{
"name": "my-data",
"type":
浏览 4提问于2020-04-07得票数 0
回答已采纳
1回答
我使用的是带有本机封装的AngularElements，因此bs4组件可以在bs3项目中使用。示例： @Component({
selector: 'app-my-button',
templateUrl: './my-button.component.html',
encapsulation: ViewEncapsulation.Native,
styles: ['@import "~bootstrap/scss/bootstrap.scss";']
})
export class MyButtonCompon
浏览 20提问于2019-04-18得票数 0
我正在尝试将自定义类添加到ngbTooltip中，该类在ng引导官方文档上运行良好。
我试图在我的代码中复制相同的内容：
tooltip-test.component.html
<div class="row mt-5 ml-5">
<div class="col">
<button type="button" class="btn btn-primary" ngbTooltip="Tool tip on top" placement="top"
浏览 2提问于2020-04-25得票数 0
1回答
我正在后端使用laravel创建一个简单的上传文件web应用程序，并试图打印从服务器发送的响应，-which应该在控制台中被告知上传的文件，但它显示了一个空字符串。这是我的控制器：
<?php
namespace App\Http\Controllers;
use Carbon\Carbon;
use Illuminate\Http\Request;
use Illuminate\Http\Response;
use Storage;
class UploadsController extends Controller
{
public function getUpload(){
浏览 4提问于2018-03-08得票数 0
3回答
我想利用带鞋带的发光元素。
目前，我只导入了如下所建议的外部依赖项：
是否有更好的方法来进口这些第三方的依赖？
这是我的组成部分：
import { LitElement, html, css } from "../../../third-party-libs/lit-element.js"
class LoginError extends LitElement {
static get properties() {
return {
show: { type: Boolean, reflect: true }
}
}
stati
浏览 1提问于2019-03-28得票数 5
回答已采纳
我想知道为什么它不起作用？看看这个。我试着一个接一个地使用两个引导输入，每个都是datepicker类型，并在底部添加了几个元素，它们不能像它们应该的那样直接工作。我想知道内心深处的原因。
<html>
<head>
<meta charset="utf-8">
<title>Angular Date-Picker</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boots
浏览 1提问于2017-05-03得票数 0
回答已采纳
我正在使用Twitter Bootstrap。我需要在30秒后重定向页面。我想使用Twitter Bootstrap进度条来指示页面重定向需要多长时间(这样当进度条为100%时页面就会重定向)。请有人能帮助我的Javascript和HTML代码来做这件事。
谢谢;)
浏览 1提问于2013-02-16得票数 2
回答已采纳
2回答
我在这里遇到了一个恼人的问题，当我试图用酶测试一个反应模态类组件时，这个类使用了引导和jQuery，下面是应用程序。
componentDidMount() {
// @ts-ignore
$('#' + this.props.modalId).modal('toggle');
this.addKeydownHandler();
}
componentWillUnmount() {
this.removeKeydownHandler();
// @ts-ignore
$('#' + this.pr
浏览 0提问于2018-10-18得票数 0
回答已采纳
2回答
我有以下使用Bootstrap按钮的代码：
<button type="button" class="btn btn-primary btn-sm">
<span class="glyphicon glyphicon-search"></span> Search Supplies
</button>
我希望搜索用品的内容更改为只搜索移动用户时调整大小。如何使用jQuery和Bootstrap实现这一点？
。
浏览 0提问于2016-04-07得票数 2
回答已采纳
1回答
我正试图在CakePHP中运行我的引导3幻灯片代码，却没有任何运气！它显示的是第一个图像，但不遍历其他图像。Prev和下一个箭头也不起作用。这似乎是jquery问题，但我不知道如何解决它。(在引导php中运行的代码非常好)
下面是代码的详细信息：
在slideshow.ctp中：
<!-- Wrapper for slides -->
<div class="carousel-inner">
<!-- Slide 1-->
<div class="item active"
浏览 3提问于2014-03-14得票数 1
回答已采纳
我在一个项目中使用Meteor-Svelte-Bootstrap组合，我无法使引导程序的javascript插件工作。
我有标准的Meteor1.12.1+ Svelte 3应用程序结构(非常类似于)，通过Meteor作为节点模块安装了引导5.0.0-β1。我在我的客户机/main.scss文件中通过@ bootstrap.scss导入该文件：
@import "../node_modules/bootstrap/scss/bootstrap.scss";
到目前为止一切都很好。但是，我无法找到导入某些组件所需的引导javascript插件的正确方法(例如，可折叠的navbar
浏览 9提问于2021-01-20得票数 3
回答已采纳
2回答
这里发生了一件奇怪的事..。
我在Visual 2015中使用ASP.NET。当我在HMTL文档的标题中的<style>标记中添加自定义CSS时，我的CSS将覆盖Bootstrap的CSS，但是当我在外部.css文件中引用CSS时它不会.下面是我的代码(样式标记中的CSS与外部css表中的css完全相同)：
<head runat="server">
//BOOTSTRAP CSS
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3
浏览 1提问于2017-01-07得票数 0
回答已采纳
我正在尝试让"popover“为Bootstrap工作。我相信我的代码是正确的，但我对javascript部分不太确定。下面是我的头中包含的内容-导入javascripts -以及我的标记的外观。谢谢你的帮助!
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script
浏览 0提问于2013-03-21得票数 1
回答已采纳
1回答
我几乎完成了一个Angular项目的构建，我需要一个确认对话，所以我使用了Angular材料。现在的问题是它搞乱了我在整个项目中的bootstrap样式，我只需要来自Angular材料的确认对话，没有bootstrap的情况下我重构整个项目样式是不太实用的。对于这种情况，我该怎么办？
浏览 2提问于2020-04-12得票数 1
我拿了一些可免费下载的模板，它是用bootstrap，CSS和Jquery构建的。
如果我尝试呈现html内容(带有对CSS、JS的适当引用)，则应用程序/功能工作正常
我在这里提到的功能是用css/jquery编写的左侧菜单栏的展开/折叠功能，作为模板的一部分。但是，当我尝试将相同的html呈现为angular2组件(如angular2 HTML templateUrl)时，上述菜单功能不起作用
你知道可能的错误是什么吗？
我的组件如下
@Component({
selector: 'MenuLayout',
templateUrl: './HTML/
浏览 0提问于2016-09-29得票数 0
我正在玩Bootstrap accordion &似乎无法删除标题打开时显示的下划线/边框。
手风琴标题样式似乎没有指定边框，并且我无法使用元素检查器定位它来自何处。
黄色突出显示的线是我感兴趣的(覆盖其他边框没有问题。
有什么建议吗？
浏览 0提问于2013-05-17得票数 0
回答已采纳
我已经为我的wordpress主题创建了一系列功能。我正在考虑把所有的函数都放在一个类中。这样我就可以用：
<?php $foo->function() ;?>
我想知道如果我把我的函数放在php类中，那么它会引起什么问题吗？请注意，我在函数中使用的是WordPress函数。
更新
class foo{
function js($files){
$css = array($files);
foreach($css as $style){
wp_enqueue_script($style, get_tem
浏览 7提问于2013-04-02得票数 4
回答已采纳
1回答
按模块将外部CSS包括在角库中
、、、、
我正在开发一个基于引导的角度设计库，类似于ng-bootstrap。
目前，我为每个设计组件创建了多个模块，这些组件可以根据用户的需要单独导入。
例：
src/
modules/
inputs/
buttons/
navs/
tooltips/
....
每个模块可以独立导入，并在应用程序中使用。
我面临的问题是引导scss。已经解释了，我们可以用
@import "../node_modules/bootstrap/scss/bootstrap";
或整块
@import "../node_modules/bootstra
浏览 4提问于2022-01-14得票数 1
2回答
我是新的反应，并试图添加暗模式/光模式开关到我的网站。我已经成功地做到了这一点。但是，用于在暗模式和亮模式之间切换的切换按钮仅在app.tsx中有效，这是由于该功能仅在app.tsx中有效。 那么我的问题是，如何将函数传递给react中的组件？我试过道具等，但都没成功。 这是我的app.tsx import React, { useState } from "react";
import logo from "./assets/logo.png";
import "./App.css";
import Navbar from "./co
浏览 15提问于2021-09-30得票数 0
回答已采纳
我正在运行AngularJS 1.2.3和Bootstrap3来创建一个简单的任务列表应用程序。该代码和Bootstrap3 CSS随处可见(IE11.x，Chromev31.0.1650.63m，Operav18.0.1284.63)，但FireFox 25.0.1除外。
如果我将链接添加到bootstrap3
<link href="3rdPartyLibs/bootstrap3/css/bootstrap.min.css" rel="stylesheet">
然后，当AngularJS ng重复运行以创建表行时，FireFox v25.0.1
浏览 0提问于2013-12-18得票数 0
回答已采纳
2回答
我正在尝试用Twitter Bootstrap css设计一个简单的Ruby on rails表单，但是我很难弄清楚哪部分rails代码应该放入表单的Bootstrap css的哪一部分。
例如，下面的代码行适合窗体的Bootstrap css的什么位置？
<%= f.text_field :company %>
浏览 0提问于2015-11-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
