《bootstrap》专题

问题内容： 如果我的浏览器大小为992px宽，则.container的最大宽度为970px。如果我的浏览器的尺寸为991px，那么.container的最大宽度为750px。为什么最大宽度会有这么大的变化？为什么不只将最大宽度设置为1170px左右，或者在每侧留出20px的边距，以便在调整浏览器窗口大小时，容器的宽度可以平滑缩放而不是跳得很大？ 例如在992px的屏幕宽度上，我的每一边都只有很少的

问题内容： 我的引导页面上有这种令人讨厌的水平滚动。无法弄清楚是什么使它表现出这种行为或如何处理？ JsFiddle链接：http : //jsfiddle.net/FatAlbert/cd1syrd9/2/ HTML： CSS： 问题答案： 根据Bootstrap 3文档： 必须将行放置在.container（固定宽度）或.container-fluid（全角）内，以便正确对齐和填充。 因此，将

问题内容： 我正在使用Bootstrap 4构建Web应用程序，并遇到一些奇怪的问题。我想利用Bootstrap的表响应类来允许在移动设备上水平滚动表。在台式设备上，桌子应占据所含DIV宽度的100％。 一旦将.table-response类应用于表，表就会水平缩小，并且不再占用宽度的100％。有任何想法吗？ 这是我的标记： 如果将100％的宽度应用于.table-response类，它将使表本身

问题内容： 我正在使用Bootstrap的SASS端口，并且想知道使用预定义的mixins和使用SASS的之间是否有区别。 例如，如果我有： 两者之间有什么区别吗 和 ？ 如果没有区别，是否还有其他mixin不等同于单个语句？如果没有这样的混合器，为什么混合器甚至存在？ 问题答案： 和mixin之间的最大区别是css的编译方式。在简单的示例中看起来并不多，但是区别和含义是巨大的，如果不小心使用，可

问题内容： 我正在使用新的Twitter Bootstrap创建一个网站。该网站看起来不错，并且可以在除IE8之外的所有必需浏览器中使用。 在IE8中，它似乎在显示移动版本的元素，但延伸到了我的桌面的全屏。我认为我遇到的问题是Twitter引导程序首先是移动设备。因此出于某些原因，IE8会选择此选项。 我还注意到，该类似乎并未按预期引入max-width CSS属性。谁能看到我做错了什么？ 问题答

问题内容： 有时我使用样式设置为按钮的锚，有时我仅使用按钮。我想禁用特定的clicky-thing，以便： 他们看起来很残疾 他们不再被点击 我怎样才能做到这一点？ 问题答案： Buttons 按钮很容易禁用，而按钮属性是由浏览器处理的： 要使用自定义jQuery函数禁用这些功能，您只需使用： Anchor Tags 值得注意的是，这不是锚标记的有效属性。因此，Bootstrap在其元素上使用以下

问题内容： 该类的用途是什么？是重要的还是我可以删除它？工作正常，没有。 这是我的示例： 问题答案： 根据bootstrap的文档，该类用于从呈现的页面的布局中隐藏仅用于 屏幕阅读器的 信息。 如果您没有为每个输入都添加标签，那么屏幕阅读器将在您的表单上遇到麻烦。对于这些内联表单，您可以使用.sr-only类隐藏标签。 这是使用的示例]样式： 是重要的还是我可以删除它？工作正常，没有。 重要的是，

问题内容： 我正在寻找一种将div 垂直居中放置在页面中间的方法。 在必须适应于屏幕的整个高度和宽度。的div有一个宽度和应在该页面（垂直中心）的中间。 我希望此页面的大屏幕适应屏幕的高度和宽度，并且容器垂直于大屏幕垂直居中。我该如何实现？ 问题答案： 灵活的盒子方式 *现在，通过使用弹性框布局，*垂直对齐 非常简单。如今，除Internet Explorer8和9之外，各种Web浏览器都支持此方

问题内容： 我在网上看到了一些使用其他版本的引导程序的示例，但是它们都改变了CSS太多，这使得学习引导程序更加困难。 我想知道在Bootstrap 4中是否可以使用折叠，叠丸，flexbox之类的工具来完成此任务？ 我的Jsfiddle缺少什么： 反应不正确 导航栏在粘性类中无法正确滚动 即使我设置了课程，菜单按钮也不是很粘。 尽管不需要答案，但背景调光器会很棒 在我的示例中，我无法弄清楚如何插入

问题内容： 这类似于这个问题在这里，但略有不同。 我想在移动设备上重新排序三个div，并将它们并排放置在台式机上。请参阅所附图片以获得所需结果： 我在描述此过程时遇到了很多麻烦，希望图片对您有所帮助！ 编辑：这是通过复制代码工作的代码片段： 问题答案： 您必须为更大的宽度禁用flexbox，因为Bootstrap4的flexbox会使列具有相同的高度。然后，使用浮子，这样B和C列自然会向右拉，因为

问题内容： 我将Twitter Bootstrap模态用作向导窗口，并希望防止用户在模态之外单击或按Escape键时将其关闭。相反，我希望在用户按下“完成”按钮时将其关闭。我如何实现这种情况？ 问题答案： 如果使用JavaScript，则： 或使用HTML：

问题内容： 我正在尝试使用Bootstrap 4实现导航栏。当前，当视口缩小到移动尺寸时，导航栏会正确折叠。但是，当尝试切换菜单时，没有任何反应。jsFiddle示例演示了此行为。我也附上了HTML。 我已采取的步骤： 删除所有自定义CSS 确保jQuery链接位于Bootstrap JS文件之前 页眉和页脚中的脚本标签 复制并粘贴Bootstrap文档中的确切示例（我得到的行为相同） 确保JS在

问题内容： 我在Bootstrap 3中有或多或少的标准导航 它通常会在较小的设备上崩溃。单击菜单按钮可展开菜单，但是如果我单击（或触摸）菜单链接，菜单将保持打开状态。要关闭它又该怎么办？ 问题答案： Bootstrap的默认设置是在单击菜单项时保持菜单打开。您可以通过调用要折叠的jQuery元素来手动覆盖此行为。

问题内容： 我正在尝试在自举弹出窗口中显示HTML，但不知为何它不起作用。我在这里找到了一些答案，但这对我不起作用。如果我做错了事，请告诉我。 问题答案： 您不能使用，因为它属于它，所以它不起作用，请更改它，这一切都很好。 这是正在工作的 JSFiddle ，它向您展示了如何创建引导弹出窗口。 代码的相关部分如下： HTML： JavaScript： 顺便说一句，您始终至少需要启用弹出窗口。但是您

问题内容： 我正在一个列出交易（贷方和借方）的帐户页面上工作。我希望用户能够单击表格行，它会展开以显示更多信息。 我正在使用twitter bootstrap并查看了文档，这就是我得到的结果 唯一的问题是它在错误的位置显示了“下拉信息”，我想添加一个新行，而不是在表格顶部打印 我也尝试添加一个新表行（仅显示该行，并且没有折叠动作（仅应用于第一行） 问题答案： 我不确定您是否已经克服了这个问题，但是