bootstrap-4相关内容

像 my-2、my-lg-0、mr-sm-2 这样的 css 类在 bootstrap 4 中做什么?

我查看了其他问题和引导程序文档,但似乎无法找出这些类对元素的作用.任何帮助表示赞赏!我只是想让我的搜索栏在大视口上缩小 1/4,在中等视口上缩小 1/3,在小视口上缩小 100%! 解决方案 那些是引导间隔实用程序类: mr-sm-2: r - 用于设置 margin-right 或 padding-right 的类 my-2, my-lg-0: y - 对于同时设置 ..
发布时间:2021-12-24 09:37:58 前端开发

`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 固定顶部导航和固定侧边栏

这是一个很好的示例,说明如何创建带有侧边栏的导航栏.任何人都可以修改代码,以便顶部导航固定在顶部,侧边栏固定/静态,只有主页内容滚动?我可以通过将 class="fixed-top" 分配给 nav 来使导航成为导航顶部固定,但我不知道如何制作侧边栏固定以便它保持在同一位置而不是随着主页内容向上滚动.将 class="sticky-top" 应用到侧边栏似乎不起作用. ..
发布时间:2021-12-24 09:36:54 其他开发

使用 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 h6 标签边距问题

我是 Bootstrap 的新手,我在尝试对齐标题时遇到了问题.根据屏幕截图,当我在“活动工作流"标题上放置 h6 标签时,它会在其底部放置一个边距,使其偏离中心.我浏览了开发工具中的所有样式,但无法弄清楚如何添加此边距.在这里寻找任何形式的见解. 编辑:尝试从 H6 标签上拉下边距,但填充仍然存在,添加了另一个图像以显示. 和代码: ..
发布时间:2021-12-24 09:36:08 前端开发

如何使用 Bootstrap 4 创建砖石布局?

我正在努力实现这一目标: 使用 Bootstrap 4、Js、Css 和 HTML.我没有在 SO 上找到类似的东西, 但我在 Bootstrap 4 文档中找到了这个,但我不确定这是否正确:引导 4 张卡 有人可以告诉我创建此布局的最佳方法吗? 谢谢 编辑:这与您可以看到的其他问题不同,即使此问题已标记为重复.在我的例子中,“卡片"没有放在正确的列中,但每列都有自己 ..
发布时间:2021-12-24 09:36:03 前端开发