bootstrap-5相关内容
我正在使用bootstrap 5和bootstrap-select 。 我有这样的PSD
..
我有一个网站,上面有完整的视窗图片,如 背景图像占据了导航栏下的整个容器。 我想让它在移动设备上,当我查看图像时,它会被放大/居中,这样图像就不会扭曲,而且我仍然可以看到其中的一些作为背景...我可能没有正确地解释它,我对设计不是很流利,但我认为这个样机不言而喻 红色表示原始图像边界,蓝色表示移动视区。我希望图像在移动设备上被裁剪/缩放。如何使用css来实现这一点?谢谢 编
..
在Bootstrap 5版本中,Jumbotron类不工作。 你认为如何? 如果有人知道,请帮帮我。 我真的很困惑。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”>
..
我很难与1行跨/2行2列布局(请查看图片)中的3个图像争辩。我可以让它在一个分辨率下看起来完美,但在其他断点查看它时,由于静态填充大小,比率变得完全错误。 编码:
..
这是一个我希望实现的模板文件:在第一个项目上隐藏上一个箭头,在最后一个项目上隐藏下一个箭头,如果是单个项目,则同时隐藏两个箭头。我使用了角度12版本的引导转盘。 //html code
..
我想用bootstrap制作一个如下所示的图库: https://mdbootstrap.com/docs/standard/extended/gallery/ 一切都正常,但我想给这些图片添加一个悬停效果,所以我把它们都放在不同的容器里,这很管用,但现在图片不再对齐了,因为一些是水平的,另一些是垂直的:/ 有没有人有办法解决这个问题? 以下是我的项目代码: https://codep
..
我需要用YouTube视频制作多项旋转木马,我找到了一个例子,并使用Bootstrap 5旋转木马和卡片为我工作,但旋转木马滑动时的动画不是流畅的,问题是旋转木马滑动时卡片重叠,我试图更改transform: translateX(%)的值,但动画不是那么流畅,有什么建议吗? 这是carosuel代码,它显示3张卡片,底部有视频和标题,您可以看到我正在使用iframe调用YouTube视频
..
您好,我正在尝试让我的导航栏看起来像这样: 但我似乎想不出如何将图像放在导航栏的顶部。我正在使用Bootsrap 5。我还没有向导航栏添加任何css,但有没有一些属性可以用来将它带到前面。谢谢,这是html:
..
我在使用Bootstrap V5.0进行网页设计时遇到了一个问题。 特别是,我有3个div A,B,C,我希望他们响应地重新排序,如下图所示。A是h2+p,B是2个按钮,C是图像。 我的第一种方法是将A和B分组为一组LG-6,将C分组为另一组LG-6,但这种方法是不合适的,因为代码必须遵循A-C-B的顺序才能拥有图片中的移动视图。 我在StackOverflow上搜索并尝试了多次关于这
..
我有一个使用Bootstrap 5的应用程序。在该应用程序中,我需要布局一些内容,如下所示: +----------------------+-----------------------------------------------+ | Assignment Begins On | [date picker goes here] | +---
..
我正在尝试将Bootstrap 5与Vue(2.x)一起使用,而不使用任何第三方库。我的想法是为我想要使用的每个Bootstrap组件(不是全部)创建一个包装器。 我使用以下so线程作为基础:Using Bootstrap 5 with Vue 3 我创建的第一个组件是bootstrap.Alert。到目前为止,它运行得无懈可击。
..
我有两个操作按钮,它们位于手风琴的标题上,如下所示: 当我单击其中一个按钮时,它会切换手风琴的状态,我尝试了e.preventDefault()和e.stopImmediatePropagation(),但没有结果 这是jsfiddle: https://jsfiddle.net/bxzhqsad/3/ 请记住,我使用的是Bootstrap 5。 推荐答案 在.
..
我开始使用bootstrap 5,注意到行之间没有空格。我们是否必须显式使用spacing实用程序(如mb-3或mb-2等)来尝试了解删除行之间垂直空格的原因。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”>
..
我正在使用库bootstrap-select,最近我需要从引导版本4升级到5,根据引导-选择端应该有支持,没有问题。 这里是jsFiddle 的链接 这就是我正在尝试做的事情,在升级之前就奏效了: const inputScreen = $('test').append
..
在我尝试在.ts文件中获取/创建引导实例之前,一切(导航栏、下拉列表)都运行得很好。当我插入GET/CREATE INSTANCE JS代码时,我无法在展开后折叠导航菜单,下拉菜单也无法工作! 以下是stackblitz 上的源代码 如果您注释掉以下代码部分,则一切正常! var modal = new Modal('#updatePwaModal'); modal.show(
..
我正在尝试将bootstrap5弹出内容与HTML属性分开,就像您可以对其他组件所做的那样,但我无法使其工作。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) v
..
我正在寻找样式或彩色水平线,最好是与成功,主要,警告类。 与colored links. 类似的概念 我在Bootstrap的网站上找不到此主题。 我找到了一些参考Bootstrap v4. 的可行解决方案 在我的案例中:
有效,但我想这不是最佳实践... 推荐答案 是的。
..
我想用sass更改bootstrap的默认主题颜色,问题是当我更改颜色并进行编译时,它会给出无效的CSS值错误。 我已经在YouTube上看了文档和一些教程,但我看不出问题出在哪里 我使用的是Bootstrap 5.1.0,sass 3 这是我的SCSS文件: @import "../../node_modules/bootstrap/scss/variables"; $theme
..
我正在尝试在Bootstrap 5折叠时更改它的accordion's "accordion-button"颜色。 我在下面试过了。它会更改背景,但不会更改按钮的图标颜色。 .accordion-button.collapsed { color: white; background: blue; } 如何更改Bootstrap 5的手风琴向下(折叠)图标? 推
..
我需要将一些DIV放在它们的父容器中,无论它是body、表的cell还是另一个div,Bootstrap 5,如附图所示: 如果DIV为偶数,则它们应取可用宽度的50%,由2放置在单行中。或者,如果DIV为奇数,则最后一个应占可用宽度的100%,而前一个仍占可用宽度的50%,并在一行中放置2。 最好可以更改DIV的顺序(如Mobile View示例中的)。 使用UIKit使用一些
..