twitter-bootstrap-4相关内容

如何向 Bootstrap 4 固定顶部响应式导航栏添加数据偏移量?

因此,在 Bootstrap v3 中,您只需将 data-offset 属性添加到 nav 标签,像素偏移量,在本例中为 54px, 然而,在 Bootstrap v4 中,这个 data-offset 属性缺失,并且不起作用.我浏览了 v4 文档,但似乎找不到任何东西!我也尝试过使用 data-offset 和 offset 属性, ..
发布时间:2022-01-10 17:40:04 其他开发

`p-N` 及其变体在 Bootstrap v4 中代表什么?

我发现 Bootstrap v4 中的命名不太直观. 我知道他们希望尽量减少所有类对标记的影响,但我无法得出合理的结论.我可以猜测 - 但我找不到具体的答案. p-1、p-2、p-N:与 Flexbox 相关,但 p 代表什么? d-flex:与 Flexbox 相关,但是 d 代表什么?也许display? mr-auto - Elliot 的堂兄?猜测保证金相关 - 也许 ma ..

Bootstrap 4 卡片组表格单元格列响应基于视口?

所以在 Bootstrap v4 中,我看到卡片组有一个新功能(http://v4-alpha.getbootstrap.com/components/card/#decks ) 制作一组卡片,它们的高度根据组中最高的内容而相等. 似乎列数取决于组中的 card-div 数量.有没有办法根据视口改变列数?例如,4 列/卡片宽在大宽度,2 宽在中等宽度,和 1 在小宽度? 目前,它们保持 ..

使用 Bootstrap 4 隐藏表格列

我知道 Bootstrap 4 使用新的显示实用程序来显示或隐藏基于信息的在屏幕尺寸上.我的问题是如何使这些与表格一起工作?由于屏幕尺寸较小,我想删除列. 我使用了“d-xs-none",但没有任何效果.但是,当我使用“d-sm-none"时,当大小为“sm"或更大(与我需要的完全相反)时,列将被删除.如果我尝试“d-none d-xs-none",则该列永远不会出现.如: ..
发布时间:2021-12-24 09:36:35 其他开发

bootstrap 4 是否有内置的水平分隔器?

bootstrap 4 有内置的水平分隔符吗?我可以, .h-分隔符{边距顶部:5px;底边距:5px;高度:1px;宽度:100%;边框顶部:1px 纯灰色;} 但是我想使用内置的 bootstrap css,我在文档中的任何地方都找不到它,也许我错过了它. 解决方案 HTML 已经有一个内置的水平分隔符,称为 (“horizo​​ntal rule"的缩写).Bootst ..
发布时间:2021-12-24 09:36:17 前端开发

Bootstrap v4 - 响应式文本

如何在 bootstrap v4 中使用响应式文本?我试过了: @include media-breakpoint-up(sm) {.resp 文本 {字体大小:16px;}}@include media-breakpoint-up(lg) {.resp 文本 {字体大小:28px;}} 但不工作. 解决方案 可能有多种原因 确保您将 SASS 与 SASS Compiler 一 ..
发布时间:2021-12-24 09:35:48 其他开发

Bootstrap 4 垂直居中 - 等高卡片

我正在使用 Bootstrap 4 alpha 6,并尝试使用 flexbox 将等高卡片的内容垂直居中.我已经使用 h-100 util 类使卡片与列全高.. 问题是我希望每张卡片的内容都在中间对齐(垂直居中).我尝试在行中使用 .align-items-center 类,它可以使卡片居中,但是卡片的高度不再相等...... HTML ..
发布时间:2021-12-24 09:28:58 前端开发

从 Bootstrap 3 迁移到 Bootstrap 4?

我在我的项目中使用引导程序 3.我看到 Bootstrap 4 是对几乎整个 Bootstrap 项目的主要重写.但是有必要从 3 迁移到 bootstrap 4 吗? 解决方案 让您的项目面向未来! http://upgrade-bootstrap.bootply.com 概述了代码的不同之处从 Bootstrap 3 到 4,我建议你访问它. 似乎还有一些变化,关于: ..

Bootstrap v4 导航栏错误?

问题来了.我从引导端(https://v4-alpha.getbootstrap.com/components/导航栏/).结果显示全尺寸导航栏,当屏幕变小时,导航栏可能会折叠.但是当我将代码插入到我的项目中时,它会显示: https://ibb.co/fjBNhQ 如您所见,它始终处于折叠状态.我尝试了很多其他示例,但没有任何效果.代码如下: 测试区域 ..
发布时间:2021-12-24 09:24:55 前端开发

bootstrap 4 中的 ml 是什么意思?

嗨,我正在使用 bootstrap4 测试版.我注意到它使用了类;ml-auto 或 mr-auto,而不是 pull-right 和 pull-left.我猜l是左边,r是右边.l 和 r 旁边的 m 是什么意思?是保证金吗? 解决方案 它的缩写:margin-left 所以 ml-auto 的意思是 margin-left: auto 将元素向右对齐. ..
发布时间:2021-12-24 09:24:06 其他开发

Bootstrap 4 多个带有动画缩小的固定导航栏

我有两个带有 fixed-top 类的导航栏,一个显示在另一个下方 - 第二个导航栏添加了 top: *height of first navbar* css. 每当用户向下滚动时,第一个导航栏的高度都会通过使用 这个问题的答案. 由于两个导航栏都是固定的,当第一个出现收缩时,两个导航栏之间就会产生间隙. 我对此的解决方案非常激烈 - 我使用了 javascript-detect ..