《bootstrap》专题

问题内容： 这是一个两部分的问题： 当您不知道模态的确切高度时，如何将模态垂直放置在中心？ 仅在模态超过屏幕高度的情况下，模态才能居中并在模型主体中具有overflow：auto吗？ 我试过使用此： 当内容远大于垂直屏幕大小时，这给了我所需的结果，但是对于较小的模态内容却几乎无法使用。 问题答案： 我想出了一个纯CSS解决方案！不过它是css3，这表示不支持ie8或更低版本，但除此之外，它已经过测

问题内容： 最近，我开始在自己的网站上创建一个管理页面，以编辑多个小表（1-5个条目）。它们全部显示在一页上，并且表嵌套在div中，如下所示： 更新 我只是随机发现了一种实现第一个所需变体的可能性：您只需为每列定义一个div并将所有元素（在本例中为表格）放在其中，这样它们就不会相互依赖。 像这样： 问题答案： 这是由于柱高的变化。您需要每3列重置一次“ clearfix”以强制进行换行。一种方法是

问题内容： 有什么办法可以将html元素垂直或水平居中放置在主要父对象中？ 问题答案： 更新 ：虽然这个答案早在2013年初就可能是正确的，但现在不应该再使用。正确的解决方案使用offsets。 至于其他用户的建议，也可以使用本机引导程序类，例如：

问题内容： bootstrap 2.0是否有任何帮助程序使.span1，.span2 .... span12的高度相等。我已经嵌套了这种类型的html 如果可能，我希望每口井的高度都一样吗？ 问题答案： 这是一个响应式CSS解决方案，基于为每列添加较大的填充和同样大的负边距，然后将整个行包装在隐藏了溢出的类中。

问题内容： 引导程序3的新手。…在我的布局中，我有： 我希望’elements 2’在小于col-lg的屏幕上不对齐。如此有效地让类只向col-lg-6右推… 我怎样才能做到这一点？ 谢谢 问题答案： 您可以将“元素2”放在较小的列（即：）中，然后仅在较大的屏幕上使用： 另一种选择是覆盖使用@media查询的浮动方式。 最后，另一个选择是创建自己的CSS类。

问题内容： 这里有很多与Bootstrap相关的问题。我看到很多人在使用它。因此，我尝试对其进行研究，然后我找到了Bootstrap的官方网站，但之后只有一个下载部分和几句话。没有什么可以解释它的作用是什么…我只是了解它是一个前端助手。我试图通过Google搜索找到一些东西，但没有发现任何具体问题。我发现的一切都与计算机科学定义有关。 因此，我的问题是： Bootstrap到底是什么？ 它的作用是

问题内容： 这就是我所拥有的，我尝试在“品牌”内部移动我的部分，并在品牌外部和折叠之外进行向右拉动，并向左/向右拉动，同时还尝试将其放置在之前或之后崩溃部分。 将其添加到“品牌”部分时，它可以工作，但会下降到新的一行。如何保持同一行？ 问题答案： 下面的示例显示了如何具有您可能需要的几乎所有类型的“香草引导程序” NAVBAR配置。它包括一个站点标题，向左或向右对齐的折叠和非折叠菜单项以及静态文本

问题内容： 我正在尝试在引导程序4中实现卡片组功能，以使我所有的卡片都具有相同的高度。 引导程序提供的示例显示了4张漂亮的卡片，但是无论视口如何，它都是4张卡片。 这对我来说没有意义，因为我认为您希望缩小卡的最小尺寸，以使内容看起来仍然不错。 然后，我尝试添加一些视口类以打破屏幕尺寸，但是一旦添加了该div，卡片组将不再适用，因此不会使卡片的高度相等。 我怎样才能做到这一点？这是缺少的功能，将在完

问题内容： 我有一个自举轮播，并且我正在尝试为该轮播创建标题，该标题始终垂直居中并稍微向左定位。我有用于水平定位的css。但是当我尝试垂直定位时，字幕不会停留在原处。如何使.carousel字幕始终保持垂直居中，并稍微向左对齐？ HTML： CSS： 为了使字幕垂直对齐，我所做的任何事情都随着屏幕尺寸减小，字幕被从轮播的顶部推出。.谢谢您的帮助。 问题答案： 您可以使用CSS属性的功能垂直对齐元素

问题内容： 我在移动设备（Bootstrap2）上的Bootstrap菜单下拉菜单中遇到问题。这里使用下拉按钮也提出了类似的问题，但是答案是引导程序中的一个固有错误，该错误已在更新中解决。我似乎遇到了同样的问题，所以可能是因为我的标记问题？ 我有一个带有下拉菜单的可折叠导航栏，所有功能在桌面浏览器上均能完美运行。但是，在移动设备上，当您单击下拉菜单时，下拉菜单将打开，但是单击任何下拉链接将仅再次折

问题内容： 我玩引导4，虽然在我无法找到一个解决方案，以附加响应能力卡用（本类应用砌体，就像这个类的DIV中影响到卡）。 在引导3是 容易 的款式，让“卡”响应，因为它是可以应用类似包含一个div ，等等。 在Bootstrap 4中使用卡时如何产生相同的效果？ 这是HTML： 这是我使用的CSS： 我希望卡片在较小的屏幕上垂直堆叠。 感谢您的建议！ 问题答案： 引导4（4.0.0-alpha.2

问题内容： 对于最小的xs大小，即使我的列加起来等于12，如果屏幕宽度减小到某个限制之外，它们也不会按预期工作。例如：- 我希望如果减小尺寸，最后一列将堆积到屏幕末端。然而，这种情况并非如此。当屏幕减小到超过特定限制时，最后一列将朝屏幕的开头逐渐结束。我已经考虑过编写CSS代码来赋予容器最小宽度。但是，我认为引导程序可能有更好的方法来处理此问题 问题答案： 在屏幕宽度<360px处，列开始换行，因

问题内容： 我对新的Bootstrap中的网格系统感到困惑，尤其是这些类： （其中*代表一些数字）。 任何人都可以解释以下内容： __这个数字 如何 对齐网格？ 如何 使用这些数字？ 什么 他们实际上代表什么呢？ 问题答案： 仅适用于Bootstrap 3。 忽略字母（X 小号 ， SM ， MD ， LG ） 现在 ，我只用数字开始… 数字（1-12）代表任何div总宽度的一部分 所有div分为

问题内容： 我有一个应用程序，设计要求从台式机到平板电脑，或者分别从xl到lg，都需要1280个断点。但是，Bootstrap本身的xl断点为1200。 我需要全局更改该xl断点以进行引导。我是否必须从源文件重新编译Bootstrap 4？ 我尝试在我的Sass构建中设置它： 但是，全局范围内的xl断点没有任何变化，它仍然会在1200px宽处进行断点。 问题答案： 更改变量可以正常工作。请记住，你

问题内容： 再次更新： 我通过选择最上面的答案来结束这个问题，以防止人们在没有真正理解问题的情况下添加答案。实际上，如果不使用网格或添加额外的CSS，就无法通过内置功能来实现。例如，如果您要处理的元素需要超出简短的输入，但它们是“内置”的，则网格将无法很好地工作。如果这是一个问题，我建议使用额外的CSS类，你可以在BS3讨论找到这里。现在BS4已经发布，可以使用包含的大小调整样式来进行管理，因此不