草庐IT

bootstrap3

全部标签

html - Bootstrap 中有多少数据属性?他们做什么以及他们的可能值(value)是什么?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭6年前。Improvethisquestion我一直在网上搜索有关Bootstrap中的数据属性的信息,例如数据切换、数据触发、数据运行....但我似乎无法找到所有这些属性的列表。我也想知道它们的可能值是什么,例如:data-trigger="focus"。它可以是悬停,而不是焦点,等等。我在哪里可以找到所有这些的列表?谢谢!

html - 如何居中内联表单 bootstrap 3

我正在尝试制作一个包含多个选项的搜索栏并希望将其居中searchSelectBasicOptiononeOptiontwo 最佳答案 你也可以合并类如果你改变你的定义到它应该有效!我想在添加额外样式之前尽可能多地保留普通Bootstrapbootstrap带有本地对齐类,可以在这里找到:http://getbootstrap.com/css/#type-alignmentHTH 关于html-如何居中内联表单bootstrap3,我们在StackOverflow上找到一个类似的问题:

html - 如何居中内联表单 bootstrap 3

我正在尝试制作一个包含多个选项的搜索栏并希望将其居中searchSelectBasicOptiononeOptiontwo 最佳答案 你也可以合并类如果你改变你的定义到它应该有效!我想在添加额外样式之前尽可能多地保留普通Bootstrapbootstrap带有本地对齐类,可以在这里找到:http://getbootstrap.com/css/#type-alignmentHTH 关于html-如何居中内联表单bootstrap3,我们在StackOverflow上找到一个类似的问题:

javascript - 在 Bootstrap 列中垂直居中响应图像

我已经查看了所有现有的问题/答案,但仍然无法找到有效的解决方案,因此,如果对下面我的特定代码提出任何意见,我将不胜感激。我不希望在我的代码中使用硬编码图像大小(像素数),并且我愿意在解决方案中结合使用Less、CSS或Javascript。图像应在Bootstrap列中垂直和水平居中,即使调整屏幕大小时也应保持居中。我的HTML:SomecontentSomecontent 最佳答案 这是一个使用转换的选项:html,body,.container-fluid,.container,.row,.rowdiv{height:100%;

javascript - 在 Bootstrap 列中垂直居中响应图像

我已经查看了所有现有的问题/答案,但仍然无法找到有效的解决方案,因此,如果对下面我的特定代码提出任何意见,我将不胜感激。我不希望在我的代码中使用硬编码图像大小(像素数),并且我愿意在解决方案中结合使用Less、CSS或Javascript。图像应在Bootstrap列中垂直和水平居中,即使调整屏幕大小时也应保持居中。我的HTML:SomecontentSomecontent 最佳答案 这是一个使用转换的选项:html,body,.container-fluid,.container,.row,.rowdiv{height:100%;

html - Bootstrap 3 导航栏无响应

我一直在各种设备上测试我的bootstrap站点以确保它的响应能力。除了导航栏之外,我已经为不同的显示尺寸正确调整了所有内容。在我的浏览器上,当我水平调整窗口大小时,它似乎会响应,按预期折叠菜单,但在移动设备上,我仍然看到导航栏,就像它在台式机或笔记本电脑的全屏窗口中显示一样。这是我的导航栏的代码:WinShirToggleNavigationSignInSignUp我试过将nav元素更改为div以查看是否有帮助但没有成功。我还删除了封闭的容器类div,看看是否有帮助,但也没有运气。 最佳答案 你可能没有setyourviewpor

html - Bootstrap 3 导航栏无响应

我一直在各种设备上测试我的bootstrap站点以确保它的响应能力。除了导航栏之外,我已经为不同的显示尺寸正确调整了所有内容。在我的浏览器上,当我水平调整窗口大小时,它似乎会响应,按预期折叠菜单,但在移动设备上,我仍然看到导航栏,就像它在台式机或笔记本电脑的全屏窗口中显示一样。这是我的导航栏的代码:WinShirToggleNavigationSignInSignUp我试过将nav元素更改为div以查看是否有帮助但没有成功。我还删除了封闭的容器类div,看看是否有帮助,但也没有运气。 最佳答案 你可能没有setyourviewpor

html - 如何在 bootstrap 4 中悬停时打开下拉菜单

现在我的导航下拉菜单可以在点击时打开。我希望它在悬停时打开。我该怎么做? 最佳答案 只需添加以下CSS.dropdown:hover>.dropdown-menu{display:block;}fiddle.dropdown:hover>.dropdown-menu{display:block;}DropdownlinkActionAnotheractionSomethingelsehere 关于html-如何在bootstrap4中悬停时打开下拉菜单,我们在StackOverflow上

html - 如何在 bootstrap 4 中悬停时打开下拉菜单

现在我的导航下拉菜单可以在点击时打开。我希望它在悬停时打开。我该怎么做? 最佳答案 只需添加以下CSS.dropdown:hover>.dropdown-menu{display:block;}fiddle.dropdown:hover>.dropdown-menu{display:block;}DropdownlinkActionAnotheractionSomethingelsehere 关于html-如何在bootstrap4中悬停时打开下拉菜单,我们在StackOverflow上

html - 缩放浏览器窗口尺寸较小时如何使用 Bootstrap 隐藏其中一个 div

我使用bootstrap来设计我的webUI,现在我有如下需求:我定义了下面的div结构,因为它们的divid是:part1和part2xxxxyyy现在我想在缩小浏览器窗口或手机浏览器时自动隐藏part1,我该如何实现这个效果?我尝试将css“collapse”添加到part1作为,但即使我的浏览器更大,它也会直接隐藏。 最佳答案 Bootstrap3的正确答案使用实用程序类通过媒体查询决定显示和隐藏内容。尝试在有限的基础上使用这些,并避免创建完全不同的smae站点版本。相反,使用它们来补充每个设备的演示。来源:http://ge