草庐IT

$bootstrap

全部标签

html - 为什么 Bootstrap 网格布局优于 HTML 表格?

[注意:对于那些可能将此问题与“为什么不使用表格进行HTML布局”混淆的人,我不是在问这个问题。我要问的问题是为什么网格布局从根本上不同于表格布局。]我正在为一个项目研究CSS库(尤其是Bootstrap)。我是一名程序员而不是网页设计师,我觉得我可以从封装了良好设计的库中受益。我们都知道使用HTML表格来完成基本站点布局是一种不好的做法,因为它混合了表示和内容。像Bootstrap这样的CSS库提供的好处之一是它们提供了在不使用表格的情况下创建“网格”布局的能力。然而,我在理解它们的网格布局与等效表格布局有何有意义的不同之处时遇到了一些麻烦。换句话说,这两个HTML示例之间的根本区别

html - 为什么 Bootstrap 网格布局优于 HTML 表格?

[注意:对于那些可能将此问题与“为什么不使用表格进行HTML布局”混淆的人,我不是在问这个问题。我要问的问题是为什么网格布局从根本上不同于表格布局。]我正在为一个项目研究CSS库(尤其是Bootstrap)。我是一名程序员而不是网页设计师,我觉得我可以从封装了良好设计的库中受益。我们都知道使用HTML表格来完成基本站点布局是一种不好的做法,因为它混合了表示和内容。像Bootstrap这样的CSS库提供的好处之一是它们提供了在不使用表格的情况下创建“网格”布局的能力。然而,我在理解它们的网格布局与等效表格布局有何有意义的不同之处时遇到了一些麻烦。换句话说,这两个HTML示例之间的根本区别

html - Bootstrap 最初折叠的元素

我正在使用bootstrap模板,我想更改accordion的方式默认情况下工作。如何在第一次看到页面(加载时)时关闭切换按钮?Open!...sometext... 最佳答案 当您展开或折叠Accordion时,它只是添加/删除“in”类并将height:auto或0设置为Accordiondiv。Demo所以在你的Accordion中,当你定义它时,只需从div中删除“in”类,如下所示。每当您展开Accordion时,它只会添加“in”类以使其可见。如果您使用“in”呈现页面,bootstrap会查找该类,它将使div的高度为

html - Bootstrap 最初折叠的元素

我正在使用bootstrap模板,我想更改accordion的方式默认情况下工作。如何在第一次看到页面(加载时)时关闭切换按钮?Open!...sometext... 最佳答案 当您展开或折叠Accordion时,它只是添加/删除“in”类并将height:auto或0设置为Accordiondiv。Demo所以在你的Accordion中,当你定义它时,只需从div中删除“in”类,如下所示。每当您展开Accordion时,它只会添加“in”类以使其可见。如果您使用“in”呈现页面,bootstrap会查找该类,它将使div的高度为

html - 我可以在 Bootstrap 中提供 col-md-1.5 吗?

我想调整TwitterBoοtstrap中的列。我知道在bootstrap中有12列网格。有什么方法可以操纵网格,使其具有1.53.53.53.5而不是3333? 最佳答案 你云也简单地覆盖了Column的宽度...由于col-md-1的宽度为8.33333333%;只需乘以8.33333333*1.5并将其设置为您的宽度。在bootstrap4中,您还必须覆盖flex和max-width属性: 关于html-我可以在Bootstrap中提供col-md-1.5吗?,我们在StackOv

html - 我可以在 Bootstrap 中提供 col-md-1.5 吗?

我想调整TwitterBoοtstrap中的列。我知道在bootstrap中有12列网格。有什么方法可以操纵网格,使其具有1.53.53.53.5而不是3333? 最佳答案 你云也简单地覆盖了Column的宽度...由于col-md-1的宽度为8.33333333%;只需乘以8.33333333*1.5并将其设置为您的宽度。在bootstrap4中,您还必须覆盖flex和max-width属性: 关于html-我可以在Bootstrap中提供col-md-1.5吗?,我们在StackOv

html - Bootstrap 3 模式触发并导致页面暂时向左移动/浏览器滚动条问题

我正在使用Bootstrap3.1.0开发网站。您会注意到,当模式窗口打开时,浏览器滚动条会消失一瞬间,然后又回来。当您关闭它时,它的作用相同。我怎样才能让它在没有浏览器滚动条交互的情况下打开和关闭。我在堆栈上看到人们遇到问题的帖子,但我找不到特定于我的问题的答案,所以如果其他人提出了这个请求并且有人知道它并想将我链接到它,我将不胜感激它。在发布之前,我为此搜索了大约2个小时。 最佳答案 .modal{overflow-y:auto;}.modal-open{overflow:auto;}将摆脱它。添加此选项是为了使模态窗口响应更快

html - Bootstrap 3 模式触发并导致页面暂时向左移动/浏览器滚动条问题

我正在使用Bootstrap3.1.0开发网站。您会注意到,当模式窗口打开时,浏览器滚动条会消失一瞬间,然后又回来。当您关闭它时,它的作用相同。我怎样才能让它在没有浏览器滚动条交互的情况下打开和关闭。我在堆栈上看到人们遇到问题的帖子,但我找不到特定于我的问题的答案,所以如果其他人提出了这个请求并且有人知道它并想将我链接到它,我将不胜感激它。在发布之前,我为此搜索了大约2个小时。 最佳答案 .modal{overflow-y:auto;}.modal-open{overflow:auto;}将摆脱它。添加此选项是为了使模态窗口响应更快

html - Twitter Bootstrap 3,内容垂直居中

这个问题在这里已经有了答案:vertical-alignwithBootstrap3(26个答案)关闭8年前。我知道这个问题已经被问过一千次了,但我找不到让文本和图像垂直居中的方法。我正在使用带有动态内容的TwitterBootstrap3,因此,我不知道文本和图像的大小。另外,我希望一切都能响应。我创建了一个bootply总结了我要实现的那种布局。基本上,我希望文本和图像垂直居中。文本并不总是比图像大。有人可以帮我解决这个问题吗?谢谢。

html - Twitter Bootstrap 3,内容垂直居中

这个问题在这里已经有了答案:vertical-alignwithBootstrap3(26个答案)关闭8年前。我知道这个问题已经被问过一千次了,但我找不到让文本和图像垂直居中的方法。我正在使用带有动态内容的TwitterBootstrap3,因此,我不知道文本和图像的大小。另外,我希望一切都能响应。我创建了一个bootply总结了我要实现的那种布局。基本上,我希望文本和图像垂直居中。文本并不总是比图像大。有人可以帮我解决这个问题吗?谢谢。