bootstrap-4相关内容

Bootstrap 5下划线默认设置是否更改?

在Bootstrap 4中,我理解它将默认文本装饰设置为None。 但使用Bootstrap 5时,如果我只添加一个原始锚点标记,它现在会同时显示蓝色书写和下划线。 我希望在悬停时只显示Undeline。这是Bootstrap 5在发行版中更改的内容吗?我找不到任何说明它的文档。 我目前使用: a { text-decoration: none; c ..
发布时间:2022-08-25 22:08:12 前端开发

我如何同步这两个引导转盘?

因此,我正在尝试同步两个引导4传送带,如下图所示: carousels 我需要指示器和箭头图标同时显示左侧和右侧的内容,但我似乎无法解决这一问题。有人能帮帮我吗? 我不知道如何开始编写代码,我在JavaScript和JQuery方面是新手。这里的想法是展示各种主题的文本和视频。如果有人能帮我一把,我将不胜感激。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝 ..
发布时间:2022-08-07 13:37:37 前端开发

Laravel Mix与Bootstrap 4

我一直在学习Laravel(8),并享受与TailWincss一起工作的乐趣。也就是说,我仍然希望使用Bootstrap来做一些事情。我在查找有关如何在laravel 8中使用laravel Mix设置引导的文档时遇到了问题。更具体地说,在resources/css/app.css文件中,我们为顺风设置了以下内容: @tailwind base; @tailwind components; ..
发布时间:2022-07-23 09:25:18 其他开发

如何通过在Reaction中单击按钮打开Bootstrap modal

我对Reaction和Bootstrap非常陌生。我正在尝试实现一个点击按钮的模式对话框。我的模式当前未显示-您可以在第二段代码中看到我如何尝试使用布尔show变量包括该模式。 我见过各种帮助完成此操作的库,但我想先尝试了解如何在没有这些库的情况下工作。 我不确定为什么未显示此模式。 const ModalContent = () => { return ( ..
发布时间:2022-06-28 19:58:42 其他开发

如何使用css或js在关闭时将Bootstrap 4模式对话框向右滑动

我有一个引导模式,当打开时,我应用css动画从右侧滑入,它工作得很好,但我希望在单击自定义关闭按钮时将其滑回右侧,而不是在没有动画的情况下只是隐藏。 请任何人知道我如何做到这一点,我已经在网上搜索过,但我看到的只是如何在打开时应用动画。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> function customOpen(element){ ..
发布时间:2022-06-21 21:16:21 前端开发

Reaction Bootstrap响应模式未按我想要的方式工作

我是Bootstrap的新开发人员。我做了一个产品,但如果我从铬合金的右侧或左侧自动折叠,它的工作原理就像我想要的那样。但当我从检查中选择并给出绝对宽度时,它看起来不像其他的。为了描述清楚,我加了两张照片。感谢大家的努力。 推荐答案 您必须添加元标记才能在Chrome响应模式下进行响应 这是元标记 ..
发布时间:2022-04-17 21:53:17 前端开发

如何在Reaction引导样式组件中重写-btn主类

我对CSS和Reaction Bootstrap和Reaction不熟悉,但是我正在使用Reaction Bootstrap和样式组件设置按钮的样式。按钮工作正常,但当我右击或单击并按住按钮时,颜色会变为蓝色。我怎么才能避免呢?我还可以看到-btn-PRIMARY被附加到我的样式按钮上。我知道我可以使用!重要的是避免这个问题,但我严格不想使用“aimportant” 我的代码 const A ..

如何在后台动态放置数据时调整网格列中的数据

我想从后端将地图放置在网格系统中我已经放置了地图,但以垂直方式放置。 但我的要求是基于它必须调整网格的数据(即地图数量) 例如如果映射是两个,则必须逐个显示两个映射,如果有4个,则必须在引导网格系统中显示第一行的两个映射和第二行的两个映射,依此类推。 .Component.html ..

仅将Bootstrap添加到角度中的特定组件(版本13)

我的问题是我有一个角度为13(当前最新)的项目,并且我只需要将Bootstrap框架添加到此项目中的一组特定组件。 我是否可以按组件链接它? 预期问题 为什么不将Bootstrap添加到整个项目? 这个项目是一个现有的没有框架或库的网站的迁移,只使用中小型的普通HTML-css-JS。迁移的时间非常有限(实际上时间如此之短,以至于我的Component.ts文件中只有普通的Ja ..

Reaction应用程序中的引导导航栏在移动视图上不起作用

我在Reaction应用程序的引导导航栏中遇到问题。这款应用在桌面浏览器上运行良好,但在手机浏览器上却不起作用。请在桌面浏览器和移动浏览器的GitHub页面上查看我的应用程序。你可以理解这个问题。 GitHub-页面链接:https://iamsanga.github.io/test-app/ 下面是App.js代码: import { BrowserRouter as Router, ..
发布时间:2022-03-27 23:17:53 其他开发

Bootstrap 4旋转木马滑块不工作

我在通过旋转木马转到下一张幻灯片时遇到了一些严重的问题。我可能遗漏了一些非常基本的东西,但是不管我做什么,它似乎都不起作用!我也尝试过使用Javascript,但无济于事。 ..
发布时间:2022-03-22 12:33:29 其他开发