《bootstrap》专题

问题内容： 所以我遇到的问题与@Jamescoo几乎完全相同，但是我认为我的问题出在我已经放置了几个DIV来创建滑动导航面板这一事实。 奖励：如果您愿意，可以随意获取滑动面板的代码：) z索引不应冲突，并且它们的值将表明它们正确堆叠，但从视觉上看，它们不是正确的。 单击“打开模态”按钮后，便可以覆盖所有内容！（您必须重新运行代码以将其重置） 我不知道该如何补救…有什么想法吗？ 问题答案： 只需将整

问题内容： 我正在使用Bootstrap 3设计页面。我试图在输入元素上使用带有popover的页面。新的Bootstrap可确保您在使用时基本上具有全角输入元素。 HTML代码如下所示： 我认为popover的宽度太小，因为它们在div中没有​​剩余的任何宽度。我想在左侧输入表单，在右侧显示宽弹出窗口。 通常，我正在寻找无需覆盖Bootstrap的解决方案。 附加的JsFiddle。第二个输入选

问题内容： 我有一个引导网站，当屏幕尺寸小于992px时，会添加Hamburger切换器。代码如下： 可以更改汉堡切换按钮的颜色吗？ 问题答案： Bootstrap 4中的（汉堡包）使用SVG 。切换器图标图像有2个“版本”。一个用于浅色导航栏，另一个用于深色导航栏… 使用了较深的背景光/白色toggler 使用上较亮的背景黑色/灰色toggler 因此，如果要将切换器图像的颜色更改为其他颜色，可

问题内容： 在移动设备上时，是否可以将引导网站显示为桌面版本？ 基本上，页面将显示992px或1200px视口，而不是小型设备。 例如，BBC允许您使用页面底部的链接在移动网站和桌面网站之间进行切换，这就是我想做的。 谢谢 问题答案： 您只需要设置视口 像您说的那样建立一个链接，该链接是页面的重新加载，但带有，则可以设置会话，只要设置了该会话，就可以编写 代替此（响应版本） 在你的 将此用作按钮

问题内容： 我正在使用Bootstrap 3构建响应式布局，在该布局中我想根据屏幕尺寸调整一些字体大小。我如何使用媒体查询来进行这种逻辑？ 问题答案： 如果要保持一致，以下是BS3中使用的选择器： 注意：仅供参考，这可能对调试有用： 引导程序4 这是BS4中使用的选择器。 BS4中没有“最低”设置，因为“超小”是默认设置。 也就是说，您首先要编码XS大小，然后再覆盖这些媒体。 更新2019-02-

问题内容： Bootstrap模式淡入效果在Chrome / Internet Explorer上可以完美运行，但在iPhone / Safari上不起作用。有人可以解决这个问题吗？ 问题答案： 这些天，我遇到了同样的问题，并且发现，就某件事而言，iOS上的Safari与其他浏览器的工作方式有所不同。当缺少href =“＃”时，模式窗口不会在野生动物园中显示，但会在许多其他浏览器中显示。 在Saf

问题内容： 我正在学习使用Bootstrap并使用组件，尤其是导航栏。 我的链接/列表项未显示。我直接从Bootstrap复制了代码。我希望有人可以解释我所缺少的。 问题答案： 在 Bootstrap 4中 ，需要使用该类来显示水平导航栏，否则它将折叠成其移动状态。 或者 ，使用Codeply，它将为您提供所有相关的库：Codeply上的Bootstrap4 这是带有 Bootstrap 4.0.

问题内容： 我正在使用Twitter Bootstrap添加图标，没有问题。他们有很多选择。 http://twitter.github.com/bootstrap/base- css.html#icons 但是，我找不到菜单项之一的适当图标。关于“汽车”。我想要的是我想添加我的自定义图标。我怎样才能做到这一点？ 问题答案： 您可以通过在自己的类（如）中定义图标来创建自己的图标： 当然要记住使用前

问题内容： 我只是发现TwitterBootstrap，并且想知道它是否有从右到左（RTL）的版本。有人知道吗？ 问题答案： 我建议这个http://pyjamacoder.com/2012/02/01/twitter-bootstrap-v2-rtl- edition/

问题内容： 当我使用Crunch / WinLESS编译Bootstrap 3时，为什么会有某些样式中断的任何想法。我正在使用此代码进行名称空间引导。 在大多数样式中，它的效果都很好，但有一些结果是这样的： 当我希望他们像这样： 我的编译器有问题或LESS代码中的错误吗？ 谢谢 问题答案： 您的问题详细 作为七相-MAX所描述的，存在与名称问题间隔“当被 附加 到嵌套选择器”。因此，Bootstr

问题内容： 有没有办法更改Bootstrap中的所有属性？我试过下面的方法，但有时它仍显示默认的蓝色（例如单击并删除鼠标后等）。如何完全更改整个主题？ 问题答案： 查看需要覆盖哪些属性的最简单方法是查看Bootstrap的源代码，尤其是[mixins /buttons.less中定义的mixin。您仍然需要重写大量属性以摆脱所有样式（例如，下拉菜单中的用法等）。 更好的方法可能是： 使用Boots

问题内容： 我使用的是bootstrap3表，当我在表中放入大文本时，它会包裹在多行中，但是我希望它以响应方式在结尾处被三个点截断，而不会弄乱表的布局（i找到了一些解决方案，但效果不佳）。 那可能吗 ？怎么样 ？ PS：任何解决方案都是可以接受的，但如果可能的话，我希望它只是HTML / CSS。 问题答案： 我是这样做的（您需要添加一个类 文本 ，并将其放在a之间： HTML 萨斯 *相当于 *

问题内容： 我在导航栏中使用了带有子菜单项的可折叠菜单。菜单在狭窄的显示屏上正确折叠，并且子菜单项正确显示。 但是，当我在移动设备上单击子菜单项时，该链接不起作用。而是，子菜单折叠，并且折叠菜单上的顶部菜单项被突出显示，好像从未打开过子菜单，而“单击”将其移到了其下方的元素。 当我在台式机浏览器上测试页面时，一切正常。 我自定义了一些自举程序样式，但主要用于颜色等。 有任何想法吗？TIA。 问题答

问题内容： 我正在尝试使用引导程序来构建响应式布局，当前正在使用font-size：3em定义一些标题； 但是，当缩小布局时，这太大了。如何快速缩小文本大小？ 问题答案： 最简单的方法是使用％或em中的尺寸。只需更改基本字体大小，一切都会改变。 减 您可以使用视口单位（vh，vw …），但它们 在Android <4.4上不起作用

问题内容： 我是一个Bootstrap新手，我有一个100％宽的模板，希望使用Bootstrap进行编码。第一列从左上角开始，我在Google地图上将拉伸范围扩展到最右边。我以为我可以在课堂上做到这一点，但这似乎不再可用。我不知道如何使用bootstrap 3来实现该布局。我正在使用themeforest中的Geometry PSD模板 问题答案： 对于Bootstrap 3，您将需要使用自定义包