首页 > TAG信息列表 > bootstrap-4

当不需要输入时,Bootstrap表单验证以绿色突出显示标签文本？

我的Bootstrap 4 form validation发生了一件奇怪的事情,其中​​两个单选按钮在验证表单时将其标签的前景更改为绿色.如果表单无效,则标签不会更改为红色.无论哪种方式,它们都应保留其黑色前景,因为单选按钮输入不像我的其他表单元素那样具有与之关联的必需属性.他们为什么会变成绿

javascript-使用本地存储在Bootstrap 4中保持页面刷新的活动选项卡吗？

我正在尝试使选定的选项卡在页面刷新时保持活动状态.但是,当我无法在Bootstrap 4中找到选项卡的任何解决方案时,我尝试根据Bootstrap 3解决方案进行更改,但没有任何效果.请帮我. 的HTML <ul class="nav my-nav1 nav-tabs mt-3 " id="myTab" role="tablist"> <li class="nav-ite

php-按列对齐两个引导表？

我目前正在使用bootstrap和laravel表单控件在下面创建这些表结构.我现在遇到的唯一问题是,我无法弄清楚如何从两个单独的表格中获取删除和编辑按钮以进行排列？随附的照片是现在的样子以及用于显示表格的代码. @extends('layouts.app') @section('content') <div class="conta

php-如何解决此循环,以使用引导轮播显示我数据库中的图像

我尝试使用引导轮播来显示数据库中的图像,但是循环似乎出了点问题… <?php $message = ""; if(empty($_GET['id'])) { $session->message("<div class='btn sm-warning'>please select an image.</div>"); redirect_to('list_pr

javascript-使用react-select使用引导程序4创建标记

我是React Redux的新手.在这里,我试图实现以下标记 所以从这里,我使用以下代码实现的是 <div className="row"> <div className="col-md-12"> <form className="form-inline"> <div className="form-group col-md-4&q

php – Bootstrap 4 Nav Bar固定顶部内容

我正在使用bootstrap4固定顶部导航栏,它在普通浏览器中工作正常. 但是,当我在移动设备上测试(Galaxy S5使用chrome dev选项)时,内容从导航栏开始,我在我的css中尝试了一些填充,但我似乎无法让它正常工作. 下面是HTML和CSS的jsfiddle,页面内容从固定顶部导航栏开始. https://jsfiddl

javascript – 如何在点击时扩展HTML表格？

我在JavaScript的帮助下呈现HTML表格.我已经成功地创建了表,但是现在我有一个要求在连续显示一些新数据,比如单击展开行 表功能： >我正在填充我的桌子一些品牌明智的每个品牌都有一些项目,我想在点击品牌时显示 >我几乎创建了表,但无法创建可扩展行>我的一栏也填充了错误的数据 在我

javascript – Bootstrap 4下拉菜单不起作用？

我复制了正式的Bootstrap 4示例用于下拉菜单,但它不起作用,没有任何内容被删除. <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown" aria-haspopup="true"

javascript – 如何在Bootstrap 4上使用Spacing Utility类

在这个article中,我看到了Bootstrap 4 Spacing Utility Classes,他在className中使用了m-b-lg. <div class="row"> <div class="col-sm-6 m-b-lg"> <!-- column-small-50%, margin-bottom-large --> </div> </div> 但是当

javascript – Bootstrap 4：未捕获的ReferenceError：未定义Popper

我使用Node和Gulp安装了Bootstrap 4,运行应用程序时出现以下错误 Uncaught ReferenceError: Popper is not defined 到目前为止我只使用了Bootstrap网格系统,而且我没有使用任何需要Bootstrap JS的东西.在我看来像Bootstrap缺少一些东西或我没有正确安装(说实话,这可能是我) –

javascript – Bootstrap 4下拉列表

我想在导航栏中添加下拉列表.但它没有下降到它应该的位置：pic1 <link href="https://bootswatch.com/4/materia/bootstrap.min.css" rel="stylesheet"/> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965

javascript – 崩溃不能在IE11上工作(Object.keys：参数不是对象)

可折叠(隐藏和显示数据)在其他浏览器(opera,chrome)中工作正常.但是来到IE onclick(在公司上如图所示)数据显示(扩展),Onclick在相同的标签/按钮(公司)数据没有隐藏.在控制台错误中显示为Object.keys：参数不是Object 我在这里找到了相关的问题Object.keys not working in internet

javascript – 反应按钮onClick重定向页面

我正在使用React和bootstrap开发Web应用程序.当应用按钮onClick时,我花了很多时间让我的页面重定向到另一个.如果在一个href后,我不能去另一页. 那么请你告诉我是否需要使用反应导航或其他方法使用Button onClick导航页面？ import React, { Component } from 'react'; import { But

javascript – 自动将文本内容拆分为偶数列

找不到任何文件,看看是否有人已经这样做了.我想通过javascript或PHP可以实现.我将解释我正在努力实现的目标： 假设我正在使用Twitter Bootstrap 4. 说我在HTML中有以下内容： <div class="row"> <div class="col-12"> <p>Lorem ipsum dolor sit amet, consectetur adipis

单击链接,通过JavaScript打开Bootstrap 4 Modal

我想点击一个链接时打开一个模态. 不幸的是我无法更改链接的HTML.我只能改变href的内容. 像这样： <a href="#Modal">Open modal</a> 我无法添加数据属性或任何其他HTML. 在文档中,我找到了一种通过JavaScript打开模态的方法.我将此代码添加到我的网站： $('#Modal').modal(); 它可

php – 时间选择器返回null值,如果开始和结束时间都相同

<input type="text" id="from" class="form-control timepicker timepicker-no-seconds" name="start_activity"> <input type="text" id="to" class="form-control timepicker timepicker-no-s

javascript – Bootstrap 4：在手机上的cols之间切换

我使用Bootstrap的网格系统构建了带侧边栏的标准布局(编辑：我正在使用Bootstrap 4,但仍然可以切换).它看起来像这样： <div class="row"> <div class="col-md-3"> ... </div> <div class="col-md-9"> <div class="row"> <

javascript – Bootstrap Horizo​​ntal Nav加手风琴

我正在尝试根据需要调整脚本. 这是一个显示手风琴的水平导航菜单. 一切都很好,但问题是我希望手风琴关闭onclick事件到其子菜单之一. $(function() { $('.dropdown-menu').on('click', function(e) { e.stopPropagation(); }); var Accordion = function(el, multiple)

php – 在wordpress核心中加载css和js文件

我想在我的WordPress安装中包含bootstrap.我知道如何在主题中包含脚本和样式,但这不是我想要的. 我查看了WordPress核心文件,并尝试将bootstrap文件添加到script-loader.php文件中,但不会加载它们.有没有办法将这些文件添加到WordPress核心加载的样式和脚本？ 例如,我已将此行添加到

python – 表条带类没有给我替代颜色

我希望我的桌子有交替的颜色.但是,在应用表条带类后,所有行都变为灰色.我试图加载v3和v4 boostrap css文件.它仍然无法正常工作. HTML <table id="maxDiversificationTable" class="investmentTable table table-striped table-bordered table-hover table-fit" style="margin

c# – 如何在Visual Studio 2017 ASP.NET核心Web应用程序中集成Bootstrap 4？

我想在VS中的ASP.NET核心Web应用程序中使用Bootstrap. 实际上NuGet不再支持Bootstrap了.我现在该如何整合它？如何将bootstrap文件添加到我的项目中？ 或者你能在VS中推荐一些其他项目类型,它们更容易使用Bootstrap吗？我不知道所有Web项目类型之间的差异. 非常感谢！解决方法:您可以使用完

javascript – Aurelia中的Bootstrap v4运行时/加载错误

我在aurelia.json文件中有以下内容,其中包括您通常会发现的其他内容.我直接从参考实现中复制它,正如您所期望的那样,它可以正常工作. { 'build': { 'bundles': [ 'name': 'vendor-bundle.js' 'dependencies': [ "jquery", {