草庐IT

bootstrap-grid

全部标签

html - Bootstrap : how to not have text-right in certain size?

使用TwitterBootstrap,当我将浏览器的大小减小到XS大小时。这是我的页脚。我有text-right属性来处理其余的屏幕尺寸,但在XS上,它仍然在堆叠后将其右对齐。如何使它在XS屏幕尺寸上不text-right?©2014LFDate.Allrightsreserved.BlogPressJobsContact 最佳答案 Bootstrap4hasaddednewcssclassesforthispurpose:RightalignedtextonviewportssizedSM(small)orwider.R

javascript - 如何使用 Twitter Bootstrap 显示/隐藏特定警报?

这是我正在使用的警报示例:Lookslikethepasswordsyouentereddon'tmatch!我知道$(".alert").show()和$(".alert").hide()会显示/隐藏所有元素.alert类。但是,鉴于其ID,我不知道如何隐藏特定警报。我想避免使用.alert("close"),因为这会永久删除警报,我需要能够重新调用它。 最佳答案 您需要使用id选择器://show$('#passwordsNoMatchRegister').show();//hide$('#passwordsNoMatchReg

javascript - 如何使用 Twitter Bootstrap 显示/隐藏特定警报?

这是我正在使用的警报示例:Lookslikethepasswordsyouentereddon'tmatch!我知道$(".alert").show()和$(".alert").hide()会显示/隐藏所有元素.alert类。但是,鉴于其ID,我不知道如何隐藏特定警报。我想避免使用.alert("close"),因为这会永久删除警报,我需要能够重新调用它。 最佳答案 您需要使用id选择器://show$('#passwordsNoMatchRegister').show();//hide$('#passwordsNoMatchReg

html - Bootstrap 嵌套网格系统最佳实践

我正在尝试使用bootstrap而非外部CSS创建一个站点。看来我可以使用嵌套网格系统实现我的许多格式化目标。例如这是合理的做法吗? 最佳答案 您的嵌套代码正是Bootstrap推荐的代码:http://getbootstrap.com/css/#grid-nesting和https://getbootstrap.com/docs/4.4/layout/grid/#nesting(对于Bootstrap4)除非您对show-grid和bs-docs-grid类有特定需求,否则无需包含它们。它们不是基本BootstrapCSS的一部分

html - Bootstrap 嵌套网格系统最佳实践

我正在尝试使用bootstrap而非外部CSS创建一个站点。看来我可以使用嵌套网格系统实现我的许多格式化目标。例如这是合理的做法吗? 最佳答案 您的嵌套代码正是Bootstrap推荐的代码:http://getbootstrap.com/css/#grid-nesting和https://getbootstrap.com/docs/4.4/layout/grid/#nesting(对于Bootstrap4)除非您对show-grid和bs-docs-grid类有特定需求,否则无需包含它们。它们不是基本BootstrapCSS的一部分

html - Bootstrap 可见类和隐藏类无法正常工作

我尝试使用Bootstrapvisible和hidden类来创建仅在移动/桌面上可见的内容。我注意到这些类无法正常工作(而且我注意到很多人遇到了这个问题并通过这种方式解决了)所以我创建了一个移动样式表来设置要在移动设备上显示的div。这是我当前的代码:test现在.mobile应该在移动屏幕上可见,宽度为900像素,并且更小。我为另一个div使用了Bootstrap类,.containerdiv,到目前为止它仍然有效,但只有当我在我自己的移动CSS表中为hidden-xs添加值时,像这样;.hidden-xs{display:none!important;}.mobile{displa

html - Bootstrap 可见类和隐藏类无法正常工作

我尝试使用Bootstrapvisible和hidden类来创建仅在移动/桌面上可见的内容。我注意到这些类无法正常工作(而且我注意到很多人遇到了这个问题并通过这种方式解决了)所以我创建了一个移动样式表来设置要在移动设备上显示的div。这是我当前的代码:test现在.mobile应该在移动屏幕上可见,宽度为900像素,并且更小。我为另一个div使用了Bootstrap类,.containerdiv,到目前为止它仍然有效,但只有当我在我自己的移动CSS表中为hidden-xs添加值时,像这样;.hidden-xs{display:none!important;}.mobile{displa

html - 使用 Bootstrap 将阴影添加到顶部固定的导航栏

我试图通过Bootstrap向我的导航栏添加投影,但我似乎无法弄清楚。也许有人可以指出我正确的方向。我见过的所有其他关于类似主题的问题都有非常冗长的困惑代码响应,但必须有一种简单的方法来做到这一点,毕竟这不是Bootstrap的全部意义。这是与我的导航相关的HTML:eServiceHomeAboutContactServicesStageDesign&BuildEventPlanning&ManagementVideoProductionAudioProductionLightingProductionEventsCorporateEventsCivicEventsCharityEv

html - 使用 Bootstrap 将阴影添加到顶部固定的导航栏

我试图通过Bootstrap向我的导航栏添加投影,但我似乎无法弄清楚。也许有人可以指出我正确的方向。我见过的所有其他关于类似主题的问题都有非常冗长的困惑代码响应,但必须有一种简单的方法来做到这一点,毕竟这不是Bootstrap的全部意义。这是与我的导航相关的HTML:eServiceHomeAboutContactServicesStageDesign&BuildEventPlanning&ManagementVideoProductionAudioProductionLightingProductionEventsCorporateEventsCivicEventsCharityEv

html - Bootstrap 和 html5 - section 还是 div?

我有一个关于使用Bootstrap的问题-我看到默认情况下他们使用很多DIV而不是部分等。我最近一直在阅读HTML5规范——什么时候使用section什么时候使用div。基本思想是只有在任何特定HTML5元素不适用时才应使用DIV。现在,如果我想使用Bootstrap创建一个HTML5网站,我是否应该将DIV更改为特定的HTML元素(例如SECTION)? 最佳答案 这实际上取决于您页面的内容,但基本上您可以使用HTML5标签并像这样应用Bootstrap类:......但如前所述,这取决于您的内容,更重要的是,您不会被迫使用标签,