在Bootstrap 4中添加多个类的正确方法是什么？
在Bootstrap 4中，可以通过在HTML元素的class属性中添加多个类来实现。正确的方法是在class属性中使用空格分隔多个类名。
例如，如果想要一个按钮既具有btn类的样式，又具有btn-primary类的样式，可以这样写：
<button class="btn btn-primary">按钮</button>这样，按钮将同时应用btn和btn-primary两个类的样式。
Bootstrap 4提供了丰富的类来定义不同的样式和功能，可以根据需要组合使用。在官方文档中可以找到完整的类列表和使用示例。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
相关·内容
1回答
更改句子中单个单词或一组单词的颜色或字体的正确方法是什么？我正在使用Twitter Bootstrap，我想继承<div>类的所有属性，但只是稍微调整一下。
浏览 0提问于2012-11-27得票数 15
回答已采纳
一个div标签可以有两个类吗？
我正在使用twitter bootstrap，我想使用两个预定义的类。
一个是我想在导航栏中的dropdown-toggle上使用的active类。
在html中处理这个问题的最好方法是什么，而不是覆盖css。
浏览 0提问于2013-02-15得票数 90
回答已采纳
在Bootstrap 4中使用带有..list group项的网格似乎不再有效(项目不在同一行中显示)。在Boostrap 4中创建一个可点击的多列列表的正确方法是什么？我已经设法创建了一个格式良好的列表，其中包含div、.row和..col*--但是为了在悬停时添加可点击的内容，还需要更多的CSS。是否有一种更简单、更优雅的方法来实现这一目标呢？
这就是我到目前为止(但文本是蓝色的)：
<a href="#">
<div class="row">
<div class="col-2">
浏览 4提问于2017-12-16得票数 1
我是一名Java开发人员(我经常使用Spring在Java中开发MVC web应用程序)，对PHP了解甚少，我必须从事一个使用CodeIgniter 2.1.3的项目。
因此，我对控制器在CodeIgniter中的工作方式有一些疑问。
1)在Spring中，我有一个带有特定方法的控制器类，每个方法都处理一个特定的HTTP请求(注释定义了该方法处理的URL )并返回必须显示的视图的名称。
阅读CodeIgniter的正式文档，我似乎觉得这个框架的逻辑非常不同：。
因此，它似乎理解在CodeIgniter中，是一个类，它处理具有相同类名的应用程序的单个URL。这是正确的吗？
所以我有一节课：
cl
浏览 5提问于2016-07-26得票数 0
回答已采纳
在bootstrap中，将div向右浮动的正确方式是什么？我认为pull-right是推荐的方式，但它不起作用。
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
.container {
margin-top: 10px;
}
<div class="container">
<div class="row-fluid">
<div class="span6"&
浏览 2提问于2013-02-11得票数 143
回答已采纳
2回答
在Vue中添加由条件决定的css类的正确方法是什么： <div class={{current == key ? ' is-active' : '' }}> Page title</div>
浏览 21提问于2019-12-18得票数 2
回答已采纳
我正在学习grails，我想包括一个重复的任务，在我的应用程序运行时每5秒钟触发一次，并且应该可以访问我的域对象等等。在Grails中实现这一点的正确方法是什么？
我考虑在BootStrap.groovy中启动一个BootStrap.groovy，但是这会被释放并杀死计时器。
浏览 0提问于2011-02-09得票数 4
6回答
这是我第一次体验Twitter Bootstrap。我添加了一些标题(h1、h2等)。它们在左边对齐。将标题居中的正确方法是什么？
浏览 0提问于2012-06-22得票数 108
回答已采纳
2回答
在scss文件中：
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
$primary_color: #EC424F;
.dark {
$primary_color: #403F45 !global;
}
.light {
$primary_color: #f4f4f4 !g
浏览 3提问于2020-06-19得票数 0
2回答
使用ZF1，在application/Bootstrap.php下定义了一个引导文件，但在查看时找不到它。
ZF2**'s与** ZF1 Bootstrap.php 文件等价的是什么？
浏览 4提问于2012-05-29得票数 10
回答已采纳
13回答
Bootstrap是否支持固定宽度按钮？目前，如果我有两个按钮，“保存”和“下载”，按钮的大小会根据内容而改变。
另外，扩展Bootstrap的正确方式是什么？
浏览 2提问于2012-06-15得票数 203
回答已采纳
在Bootstrap3中，我们可以通过插入一行来进一步将列划分为多个列。e.g
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-6></div>
<div class="
浏览 2提问于2014-10-20得票数 2
回答已采纳
我正在尝试使用Netty构建一个简单的TCP客户端-服务器应用程序。一开始，我通过SocketChannel这样从客户端发送消息：
SocketChannel client = SocketChannel.open(hostAddress);
client.write(buffer);
所有消息都由服务器接收，但是当我想将响应写回客户端时，我发现为了获得客户端的响应，它需要通过bootstrap发送消息并定义将读取响应的in处理程序(也许有人知道另一种方法？)当我尝试通过bootstrap发送消息时，我使用以下代码：
EventLoopGroup group = new
浏览 6提问于2018-01-31得票数 0
我想在yiii中使用bootstrap 3(网格)。特别是使用CGridView和其他yii小工具。
我真的希望能够应用像“.col-sm-4”这样的类。
那么，根据我们目前所知，在yii 1.1(CGridView)中使用bootstrap 3(网格)的最佳方式是什么？
谢谢
浏览 0提问于2017-11-29得票数 0
1回答
我在bootstrap (startWeblogicServer.bat)类路径中定义了许多jars的WebLogic节点中部署EAR。问题是my ear和bootstrap包含相同ear的不同版本，不仅如此，某些ear还包含提取的第三方库，这些库在版本上也与WebLogic bootstrap ear不同，从而导致各种类路径错误。
我知道您可以在EAR应用程序xml中设置首选jars，但是，对于包含提取的第三方库的jars，从理解所有依赖项的角度来看，这可能是非常乏味的。
这里有我需要采取的正确方法吗？我是不是想错了？任何帮助都将不胜感激！
到目前为止，已经推荐了prefer web-inf
浏览 0提问于2009-08-25得票数 3
回答已采纳
首先，我必须在我的应用程序中使用$animateProvider.classNameFilter()。它加快了一切。
在0.12.* angular-bootstrap中没有使用ngAnimate。所以我能够使用$animateProvider.classNameFilter(/animate/)和所有从angular-bootstrap到动画的东西。
现在我正在迁移到更新的Angular和Bootstrap版本。更改库文件后，折叠和折叠停止工作。我发现上面的函数导致了我的问题： (在example.js中注释/取消注释第4行)。
我能做些什么来正确使用这个函数？正则表达式应该是什么样子来覆盖
浏览 3提问于2015-09-14得票数 1
1回答
在bootstrap select中，bs和select代表什么？我们如何才能相应地改变这一点？
我遇到了show.bs.select, show.bs.dropdown, hidden.bs.select, hidden.bs.dropdown。
这个选择和下拉列表是什么？
浏览 3提问于2018-06-01得票数 0
我有一个使用Bootstrap框架的web表单。
我想要右对齐“保存”和“取消”按钮时，表单显示在一个完整尺寸的屏幕上。
使用Bootstrap 3 css的正确方法是什么？
<div class="row">
<div class="col-md-9">
<input type="reset" value="Cancel" class="btn btn-default btn-danger" />
</div>
浏览 0提问于2014-08-22得票数 1
我正在一个Laravel 5站点上工作，并实现了一个带有DropDown菜单的表单。一切正常，但用户应该能够选择“其他”选项并编写自己的文本。我在谷歌上搜索并找到了一些好的想法，但我无法实现。我得到的是：
<div class="form-group">
{!! Form::label('special_status', 'Erasmus, Nebenhöhrer:') !!}
{!! Form::select('special_status',$status, null, ['id'
浏览 0提问于2016-03-09得票数 0
回答已采纳
我在Grails 2.1.1上安装了Spring Security core插件1.2.7.3，运行了s2-quickstart命令，然后初始化了bootstrap.groovy中的初始用户和角色，但仍然无法登录。相关BootStrap.groovy的文本如下：
if (SecRole.count == 0) {
def fUserRole = SecRole.findByAuthority('ROLE_FlowUser') ?: new SecRole(authority: 'ROLE_FlowUser').save(failOnErr
浏览 0提问于2012-11-08得票数 2
回答已采纳
我在一个div中有100个按钮：
<div class="button_group">
<button> ... </button>
<button> ... </button>
<button> ... </button>
...
</div>
我想以bootstrap样式设置所有按钮的样式。因此，我需要将everywhere < button >更改为< button class="btn“>。我不想为每个<class=>
浏览 1提问于2015-07-24得票数 1
我有一个搜索框，我想用Bootstrap样式进行自定义。aspx中的textbox代码是：
@Html.TextBox("SearchString")
但是我得到了一个标准样式的textbox。否则，搜索器的按钮将以引导样式显示，代码如下：
<button class="btn" type="submit">Buscar</button>
所以我在我的项目中有bootstrap library的引用。获得具有正确样式的textbox的最佳方法是什么？
感谢您的支持。
浏览 0提问于2015-04-10得票数 1
回答已采纳
3回答
特征中的Behat上下文
、、、
基本的用例建议使用FeatureContext类。此外，您还可以在features/bootstrap目录中指定任何其他PHP类，这些类将按照字母顺序加载，而不管依赖项是什么。
假设有一个特征和一个FeatureContext类：
features/bootstrap/FeatureContext.php
features/bootstrap/MyLovelyTrait.php
正确加载它的最佳方式是什么？显然，在FeatureContext中使用了MyLovelyTrait：
class FeatureContext extends BehatContext {
use MyLove
浏览 4提问于2014-03-05得票数 6
我试图使用一个页面上的Fieldset在一个响应网站，使用引导。实际上，我试图在ASP.NET属性集中使用一个GroupingText面板控件--但实际上它呈现为一个字段集，其图例集与图例集相差甚远。页面没有正确地呈现字段集。通常，使用字段集，您可以在内容周围设置一个边框，并在边框中嵌入图例，如下面(相同的站点没有引导)：
但是，如果我包括Bootstrap，它看起来是什么样子的：
我已经查看了引导css如何处理字段集，但却找不出是什么原因造成的。其他人在使用字段集(或ASP.NET面板中填充了GroupingText )和引导带时有问题吗？有人知道如何使Bootstrap
浏览 3提问于2017-09-01得票数 2
回答已采纳
twitter bootstrap支持的转换的类名是什么？我只知道一个过渡的类名，就像在网站上的例子中使用的：'fade‘代表淡入。twitter bootstrap支持的其他转换类名是什么？
浏览 1提问于2013-01-29得票数 9
回答已采纳
5回答
未设置引导程序类路径
、、、
所以我得到了- warning: [options] bootstrap class path not set in conjunction with -source 1.6
我将就此提出3个问题。我知道我需要设置bootstrap类路径，但我不确定我是如何理解的。谷歌很快就把我带到了引用甲骨文页面的页面，但我读了甲骨文页面，觉得自己对它的理解不是很好。
我目前正在Netbeans上运行这段代码，所以我所要做的就是点击play按钮，它就可以编译和运行了。是否有一个属性规定了如何编译，以便我可以添加到引导类路径中？
另外，对于即将到来的情况，我将停止只在Netbeans上运行它，而从命令行运行它
浏览 0提问于2013-04-08得票数 27
回答已采纳
3回答
所以我有一个相对简单的Rails应用程序，我想通过Bootstrap为它添加一些材料设计样式。
我已经将以下gem添加到我的Gemfile中：
gem 'bootstrap-sass'
gem 'bootstrap-material-design'
现在它们都可以工作了，我的问题是为什么我必须以不同的方式将它们添加到我的应用程序中。对于vanilla Boostrap，我只是将其导入到视图特定的(我认为这是正确的术语) scss文件中，就像normal一样。
@import "bootstrap-sprockets";
@import "
浏览 0提问于2015-05-12得票数 17
回答已采纳
1回答
我在我的react项目中使用了react-bootstrap前端库。React-bootstrap组件不能正常工作。 我也检查了官方的react-bootstrap网站，它也错过了网站的样式。 样式问题的原因可能是什么？ 我已经尝试在index.js文件中添加import 'bootstrap/dist/css/bootstrap.min.css'；，但这会影响我的其他UI组件，我不想搞乱它们。
浏览 24提问于2019-05-08得票数 1
2回答
在基于web的应用程序中，我使用RequireJs来异步加载脚本，但有时(并不总是)我会出错，因为RequireJs似乎没有正确地加载依赖项。
示例：
require(['jquery-1.7.2.min', 'bootstrap/js/bootstrap.min'], function (){
//Used for initialize bootstrap tooltip
$('a[rel]').tooltip();
});
然后我得到：
TypeError:对象对象没有“工具提示”方法
有什么问题吗？
浏览 8提问于2013-01-28得票数 1
我有以下代码：
<!doctype html>
<html>
<body>
<div ng-controller="MyController">
Hello {{greetMe}}!
</div>
<script src="http://code.angularjs.org/snapshot/angular.js"></script>
<script>
angular.module('myApp', [])
浏览 1提问于2016-12-26得票数 3
回答已采纳
使用作为模板，我实现了一个指令，它为twitter bootstrap表单控件提供了一个模板。
这个有两个指令，除了第一个指令在模板中有一个额外的div包装器之外，它们是相同的。
为什么“has-error”类只适用于第一个指令，而不适用于第二个指令？如果我将包装div添加到第二个指令模板中，它会突然开始工作。这个包装器的意义是什么？
我还看到验证类ng-pristine ng-invalid-required等不仅正确地应用于表单元素，而且还正确地应用于指令模板中的顶级div，这是为什么？
浏览 0提问于2013-08-31得票数 3
我们做了一个angular 6 webapp，我们想把这个webapp集成到我们的一个客户webshop中。
问题是我们有一些css冲突。
例如：- webshop使用bootstrap 3和我们的app bootstrap 4。-一些商店css覆盖webapp css。-一些webapp css正在覆盖webshop css。
避免这些冲突的最佳解决方案是什么？
浏览 0提问于2018-09-26得票数 0
我想知道在Zend Framework中bootstrap的真正目的是什么。
Bootstrap类中包含哪些方法？
任何教程链接都会很有帮助...如果问题这么模糊，请原谅我。我正在尝试学习Zend，但是教程和书籍都跳过了这些步骤，而且它们在框架网站上也不是那么清晰。我能从快速入门中学到的就是它有助于启动会话。
我认为bootstrap在任何控制器加载之前首先运行是正确的吗？我可以在bootstrap中编写任何需要从头加载的方法吗？如何访问控制器中的那些引导方法？
浏览 1提问于2011-04-26得票数 22
回答已采纳
我正在写一个Zend应用程序。
我正在使用zend命令行工具。我创建了两个模块Default和User，并在应用程序配置文件中将Default标记为默认控制器。我也为这两个模块创建了相应的索引控制器/操作。
当我浏览站点根目录时，一切都很好。但是当我浏览$site_root$/user时，没有得到索引控制器的内容，而是会出错。
Notice: Undefined index: user in E:\xampp\php\PEAR\Zend\Controller\Dispatcher\Standard.php on line 384
Message: Invalid controller spe
浏览 0提问于2012-02-29得票数 4
回答已采纳
2回答
在Laravel，我有以下模式：
class Product extends Model {}
其中包含以下功能：
public function setThumbnailAttribute($value) {}
我有多个模型，应该包含相同的setThumbnailAttribute()函数。使用Laravel或基本PHP功能的正确方法是什么？
浏览 4提问于2017-02-15得票数 2
回答已采纳
3回答
这应该很容易..有人能给我解释一下语法吗？
我有一个控制器，它实例化一个bootstrap类(new关键字)，它实例化config类。
然后，控制器实例化一个扩展bootstrap类的startpage类。在startpage类中，我尝试访问bootstrap (父)类中的config对象。
这是否真的可以做到呢？还是startpage必须直接实例化bootstrap？实例化扩展bootstrap的startpage会覆盖bootstrap吗？或者我的语法是错误的？
控制器(索引页)
try {
if (!include($paths['root'] . $paths[
浏览 1提问于2013-01-14得票数 0
回答已采纳
2回答
我试图对齐这4个元素，但它们没有正确对齐。我使用的是bootstrap。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="http
浏览 3提问于2017-09-26得票数 0
4回答
我一直在寻找一种简单的方法来为我正在制作的ASP.NET核心应用程序做一个月/年的选择。我在小提琴上找到了这个一号。它使用以下资源：
以下是代码：
var startDate = new Date();
var fechaFin = new Date();
var FromEndDate = new Date();
var ToEndDate = new Date();
$('.from').datepicker({
autoclose: true,
minViewMode: 1,
format: 'mm/yyyy
浏览 0提问于2018-01-18得票数 0
回答已采纳
这里的日志文件我无法修复问题.
我重新启动了网络服务器，
清理了这个项目，尝试了重建，但是仍然没有运气去理解到底出了什么问题。
我尝试在SOF上搜索，通过删除冲突的jar文件来解决问题，但仍然没有成功。
任何了解日志文件的人，如下所示。
Dec 9, 2016 12:16:05 PM org.apache.catalina.core.AprLifecycleListener init
INFO: The Apache Tomcat Native library which allows optimal performance in production environments was n
浏览 2提问于2016-12-09得票数 0
我正在用js在c#中创建一个web应用程序，在其中我使用telerik组件，
问题是我的telerik下拉列表的自定义类是
.RadComboBox_Bootstrap {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
现在我要删除这个类，我执行了如下操作
$('.RadComboBox_Bootstrap').css({'font-family':''})
和
$('.RadComboBox_Bootstrap').css({
浏览 2提问于2018-11-27得票数 0
回答已采纳
13回答
使用Twitter的Bootstrap添加垂直空白的最佳方式是什么？
例如，假设我正在创建一个登录页面，并希望在某个按钮的上方和下方留出一点(100px)空白。显然，我可以为那个特定的按钮创建一个特定的类。但是，我认为Bootstrap应该有一种在垂直空格中添加的方式。
浏览 2提问于2012-09-05得票数 166
回答已采纳
当Django中的表单有验证错误时，错误会在一个带有errorlist类的列表中给出。
通过设置class="alert alert-error"，可以使用Bootstrap为元素指定错误样式。
在Django表单上结合使用Bootstrap的error样式来验证错误的最佳方式是什么？
浏览 2提问于2012-07-04得票数 7
回答已采纳
3回答
我有一个bootstrap div，根据条件，它可能有3列、2列或1列。由于列数较少，我需要将它们放在外部div的中心。我怎样才能做到这一点？
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-lg-12">
<div class="col-lg-4">1</div>
&
浏览 0提问于2016-09-12得票数 0
1回答
我正在尝试使用Krajee的引导文件输入()，并且在使用.Net MVC时遇到了一些问题。
我正在做一个正常的表单提交(我需要这样做，因为客户端有很多处理)
这是代码的精简版本：
我的模型是：
public class AddFormModel
{
public string txtName { get; set; }
public HttpPostedFileBase[] fileUpload { get; set; }
}
Index.Html：
@model TestSystem.Models.AddFormModel
@{
Layout = null;
}
&
浏览 1提问于2017-10-05得票数 0
我正在学习角js.from这个站点，它是说使用这个函数手动启动角应用程序。
<html>
<body>
<div ng-controller="WelcomeController">
{{greeting}}
</div>
<script src="angular.js"></script>
<script>
var app = angular.module('demo', [])
.controller('WelcomeController
浏览 2提问于2015-10-07得票数 1
回答已采纳
我正在建立一个使用Bootstrap 3的网站。在移动版本的折叠，隐藏页面的标题部分。
你可以在这里看到屏幕截图：
解决问题的正确方法是什么？提前谢谢你，问候你，罗伯托
浏览 0提问于2016-12-17得票数 0
我在bootstrap.css中改变了这个
.table-hover > tbody > tr:hover {
background-color: #DBEADC;
}
在bootstrap.min.css中
.table-hover>tbody>tr:hover{background-color:#DBEADC}
当我更新Yii2时，这些更改将被覆盖。处理这个问题的最佳做法是什么？我的意思是，我如何能够持久地覆盖这一种颜色，以便在新版本即将到来时，所有其他内容都应该被更新？
浏览 0提问于2019-07-16得票数 0
回答已采纳
我想从一个新的Angular 2项目开始。由于我想使用Bootstrap 3作为UI，我想知道这里的最佳实践是什么？
我可以将ng-bootstrap和“本地”bootstrap混合在一起吗？例如，我在ng-bootstrap中找不到navbar指令。所以我必须使用“原生”引导程序来构建它，对吗？
有什么建议吗？
浏览 1提问于2017-01-05得票数 1
1回答
我有一个类，其实例是以标准化格式表示消息的对象。这些实例最终作为JSON对象输出，以便在进程之间传输。
这个类有一些非常有用的方法，我使用这些方法来验证和控制消息，而不深入研究对象结构。当我创建并发送消息时，这是很好的，但是当我接收到JSON对象时，它只包含数据，并且没有这些有用的方法。
将这些传入的JSON对象映射到类实例的最佳方法是什么？
我能想到四种方法..。
1)将静态方法添加到接受JSON字符串并生成类的新实例的类中。
2)向接受JSON字符串并将JSON对象映射到该实例的类中添加一个方法。
3)在构造函数中有一个可选参数，该构造函数接受JSON字符串，并在构造时将其映射到实例。
4
浏览 2提问于2017-02-07得票数 0
回答已采纳
我想知道如何在与bootstrap css框架集成时显示kendo ui网格。
当与bootstrap集成时，网格列不能正确对齐。
我发现bootstrap使用以下代码
*,*:before,*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
这会干扰kendo ui网格的布局。
我需要在我的项目中使用bootstrap css框架。这是强制性的。
我知道删除这个css会给出我的输出。我想知道是否有任何其他解决方案来实现
浏览 1提问于2013-10-24得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
