《bootstrap》专题

问题内容： 我想要一个在Bootstrap 4支持的所有浏览器中都可以使用的解决方案。如果不涉及JS，则更好。现有的一些解决方案基于Bootstrap 3，有些则无法在MacOS的Safari中使用。 更新。 似乎我做错了研究。默认情况下，Bootstrap4的高度相同。我随附了带有插图的更新图像。您无需执行任何操作，它已经存在。 问题答案： 你只需要使用您获得等高列以前版本的引导。 但是对于bo

问题内容： 如果我想根据 Bootstrap 4中浏览器窗口的大小将导航项（链接）放在导航栏中，该怎么办？请看一下代码： 现在，我想根据浏览器的宽度将div“ navbar-nav”居中。我尝试过的一件事是给它mr-auto和ml-auto，它的确使它居中，但不完全准确。实际上，它根据宽度“浏览器窗口宽度-徽标宽度”将其居中。我希望它恰好位于屏幕中间。 我也尝试过将位置更改为绝对位置，但是同样，在

问题内容： 我必须创建一个布局，其中内容网格必须位于剩余的整个页面上，但是该布局还具有导航栏。 为此，我决定将导航栏放置在flex容器中，并将内容放置在高度为100％的行中。我需要内容来填充剩余的剩余空间。菜单是动态的，所以我不知道导航栏的高度。 但是，在较小的屏幕上，导航栏无法正确调整大小。如果展开菜单，则菜单将覆盖内容。 最后一个菜单项被剪切了。我的要求是内容应填充页面的其余部分。 问题答案：

问题内容： 我一直在尝试创建一个树（如目录树），该树使用尽可能多的CSS和尽可能少的JS（仅用于状态等），并且我想知道是否存在一些用于引导的良好现有树形插件或jquery-ui bootstrap。 对于参考或对此问题感到困惑的人，我正在寻找类似dynatree的引导程序。 问题答案： 在Vitaliy的CSS和Mehmet的jQuery的基础上，我将a标签更改为标签，span并结合了一些Glyp

问题内容： 我有一个这样的引导页面： 好像： 因此，如果我在移动设备上查看它，则列A位于顶部，但我希望列B位于顶部。这可能吗？我尝试过推拉，但没有成功。 问题答案： 使用列排序来完成此操作。 将在“ md”或更大的视口上将列“推”到右侧6，并在“ md”上将列“推” 到左侧。在任何较小的视口上，列将再次保持正常顺序。 我认为让人们失望的 是，您必须在HTML中将B置于A之上。可能有不同的方法可以使

问题内容： 关于该主题的引导文档使我有些困惑。我想实现类似的行为，例如在文档中使用词缀导航栏：导航栏位于段落/页面标题的下方，向下滚动时，它应该首先滚动直到到达页面顶部，然后固定在那里以便进一步向下滚动。 由于jsFiddle不适用于导航栏概念，因此我以最小的示例设置了单独的使用页面 我将其用作导航栏： 我想我想将其值设为0（因为该条应“固定”在最顶部”，但如果设置为50，则至少可以观察到一些效果

问题内容： 包裹时是否可以从左到右订购 Bootstrap 4卡？ 从上到下（默认）： 左到右： 由于高度不同，我有必要使用类似砌体的网格。 问题答案： CSS列的顺序是从上到下，然后是从左到右，因此呈现的列的顺序是。 无法更改CSS列的顺序。建议您使用其他解决方案， 同样，启用flexbox也无济于事，因为Bootstrap使用CSS列（不是flexbox）来实现砌体效果。但是，您可以将andf

问题内容： 在最新的机制的文档有： 问：什么是mb-0？ 问题答案： Bootstrap具有广泛的响应边距和填充实用程序类。它们适用于所有断点： xs （<= 576px）， sm （> = 576px）， md （> = 768px）， lg （> = 992px）或 xl （> = 1200px）） 这些类以以下格式使用： {属性} {}双方- {}尺寸 为XS＆ {属性} {}双方- {断点

问题内容： 不幸的是，似乎没有一种好方法来管理在某些断点处从水平堆栈过渡到垂直堆栈的列之间的垂直间距。涉及表单时似乎确实有解决方案，但这不是这里的情况。我已经尝试过此解决方案，但是当有多个列排成一行时，它不起作用。 为了说明我的情况，这是HTML的结构： 在中等设备大小（md）及以上的情况下，我希望在列的两个“行”之间存在间距，但在3列的“第一行”之上不存在间距，而在列的“第二行”之下不存在间距3

问题内容： 我想做的只是为移动设备添加左/右触摸滑动功能。我怎样才能做到这一点？ 另外，如何使显示在悬停时的上一个/下一个按钮变小，以用于移动/ ipad版本？ 谢谢 问题答案： 更新： 当我刚接触Web设计时，我想到了此解决方案。既然我年纪大一些又聪明了， 马克·希尔拉迪 （ Mark Shiraldi） 给出的答案似乎是一个更好的选择。参见下一个最佳答案；这是一个更有效率的解决方案。 我最近参

问题内容： 我正在尝试使用Bootstrap为程序创建接口。我在标签中添加了jQuery 1.11.0，并认为是这样，但是当我在浏览器中启动网页时，jQuery报告一个错误： 我尝试使用jQuery 1.9.0，尝试使用多个CDN上托管的副本，但是无法正常工作。有人可以指出我做错了什么吗？ 问题答案： 尝试这个 更改文件顺序，如下所示。

问题内容： 升级Harp之后，在不相关的CSS行中开始出现 无法识别的输入 错误。 使用Bootstrap v2.2.2和Harp v0.9.4。 问题答案： 挖掘了一段时间后，我发现错误来自定义内容的文件。 这是文件最初的内容： 阅读LESS更改日志后，我发现它们更改了语法，因此您现在可以直接使用变量，而无需〜hack。所以我改变了我的样子： 您还需要更改其他几行，但是它们都遵循相同的格式。 更

问题内容： 我尝试使用此方法（）来通过Bootstrap启用可滚动菜单，但是通过这种方法，可滚动菜单扩展了它的容器- -不可滚动菜单正确地做到了这一点。 我怎样才能解决这个问题？也欢迎其他与Bootstrap兼容的方法的建议！ 作为参考，以下是第一种方法的提琴形式的HTML： 和CSS： 问题答案： 我认为您可以通过将必要的CSS属性添加到特殊的可滚动菜单类中来简化此操作。 CSS： HTML

问题内容： 引导布局。桌子上有很多行。 问题？ 当我滚动页面导航栏将在那里，因为它是固定的。当我滚动更多时，我希望将表标题固定在导航栏中，并且table（table-body）的内容滚动而没有滚动条！ HTML 问题答案： $(document).ready(function(){ $(“.sticky-header”).floatThead({top:50}); }); 具有2个表和固定标题的D

问题内容： 我正在使用bootstrap 4文件浏览器。如果我使用自定义文件控件，则会一直看到“选择文件值”。 选择文件后，我想更改选择文件的值。此值实际上隐藏在CSS中，我不知道如何在javascript中访问和更改它。我可以这样获得所选文件的值： 我不需要改变 问题答案： Bootstrap 4.4 显示选定的文件名也可以使用纯JavaScript完成。这是一个示例，假定带有标签的标准cust