问题标签 [bootstrap-4]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
232061 浏览

css - Bootstrap 中可用的文本颜色类

我正在开发一个注册页面,将一些文本作为标题放在导航栏上。我想给这些文本不同的颜色。为此,我使用了一个单独的 CSS 文件,但我想使用引导程序的 CSS 文件来执行此操作。

任何人都可以在引导程序中列出可用的颜色类吗?

0 投票
4 回答
25340 浏览

twitter-bootstrap - 引导行和列 - 我需要使用行吗?

0 投票
3 回答
90545 浏览

html - 具有不同高度列的引导行

我目前有类似的东西:

现在假设,content是不同高度的盒子,宽度都相同——我怎么能保持相同的“基于网格的布局”,但让所有盒子在彼此下方排列,而不是完美的线条。

目前 TWBS 会将下一行col-md-4放在前第三行中最长元素的下方。因此,每一行项目都完美对齐 - 虽然这太棒了,但我希望每个项目都直接落在最后一个元素之下(“砌体”布局)

0 投票
2 回答
91433 浏览

css - Bootstrap 3 & Boostrap 4 & Bootstrap 5 - input-xs (小于 sm)

我浪费了很多时间来寻找一种方法来为输入和输入组制作我自己的 xs 大小(小于 small), 所以这里是代码!


更新 2014/11/14

Peter Butkovic将错误/请求上传到引导 github:
https ://github.com/twbs/bootstrap/issues/15107

他们的回应如下:

我们不会将它添加到 v3 中,我认为即使在 v4 中我们也不会拥有 xs 按钮,但如果我们选择保留它,我会牢记这一点。

仍在为 Bootstrap 5 工作

0 投票
7 回答
157863 浏览

jquery - 增加引导下拉菜单宽度

想知道是否有人对如何增加下拉宽度有任何提示?

我有一排包含两个列,上面有javaScript的AA位,在选择时上下下拉列表。我遇到的问题是我似乎无法弄清楚如何在选择时增加下拉列表的宽度,理想情况下下拉列表将与列大小匹配。但是正在发生的事情是下拉列表的宽度仅与下拉列表中的文本大小相同,有人对如何增加下拉列表宽度以匹配列大小有任何建议吗?

0 投票
7 回答
194706 浏览

css - 在 Bootstrap 导航栏中居中品牌徽标

我正在尝试实现一个 Bootstrap 3 导航栏,以便品牌徽标始终保持在中间。这是代码:

它是一个漂亮的导航栏: 在此处输入图像描述

但是,我希望徽标(绿色)始终保持在中间。我将此样式添加到带有“品牌”类的标签中:

它部分地解决了这个问题:徽标在中间,但它会将其余的导航栏元素向下推:

在此处输入图像描述

这是我想消除的不良影响。你能提出一个解决方案吗?也许从一开始就将徽标居中是一种错误的方法?

0 投票
14 回答
197188 浏览

twitter-bootstrap - 带有网格的 Bootstrap 3、4 和 5 .container-fluid 添加了不需要的填充

我希望我的内容是流畅的,但是当.container-fluid与 Bootstrap 的网格一起使用时,我仍然看到填充。

我怎样才能摆脱填充?

我看到我没有得到填充.row,但我想添加列,一旦我这样做,填充就回来了。

我希望能够以全宽使用列。

一个例子:

我得到的解决方案:

覆盖 bootstrap.css、linke 1427 & 1428 (v3.2.0)

0 投票
4 回答
37825 浏览

html - Bootstrap 3下拉菜单中心对齐不起作用

我无法将下拉菜单与通过悬停打开下拉菜单的父级中心对齐。我试图 text-align: center 整个 .nav .navbar li 元素,但它不起作用。我试图设置边距并离开:整个 ul.dropdown-menu 的 50% 是下拉菜单,但它不起作用。这是html代码:

我应该在哪个类下拉菜单或导航 navbar-nav 中进行对齐,我应该设置什么?

0 投票
3 回答
7888 浏览

css - 使用 .bg- 类覆盖 Jumbotron 背景颜色

目前我正在使用引导程序。对于主题,我使用 Bootswatch 主题。我注意到 Jumbotron 在每个主题中都有相同的丑陋灰色背景。所以我想用.bg-类来改变颜色。

我还读到:

处理特异性

有时,由于另一个选择器的特殊性,无法应用上下文背景类。在某些情况下,一个足够的解决方法是将元素的内容包装在一个类中。

所以这也是我尝试过的。

我尝试了什么:

但这不起作用,因为bg-该类没有覆盖 jumbotron 背景颜色。

示例: http: //www.bootply.com/yhvhdor7lr

编辑

相关:https ://github.com/twbs/bootstrap/issues/10202

0 投票
3 回答
66264 浏览

css - 引导表没有新行

这是我的代码,这是结果:https ://www.dropbox.com/s/6vkc2mpu7z4yqgq/Screenshot%202014-10-15%2019.28.09.png?dl=0

我怎样才能把钱放在一条线上?这个网站是响应式的,但是由于文本中的空格,文本变成了两行。