草庐IT

statistics-bootstrap

全部标签

html - Bootstrap : how to disable vertical scrollbar?

当我的模态弹出窗口打开时,它会在浏览器窗口的右侧添加一个垂直滚动条。我该如何禁用它?我认为当模态窗口在需要滚动的高度值非常大时启用。我想禁用它,因为我的窗体高度不超过窗口高度。 最佳答案 在你的CSS中添加:body{overflow-y:hidden;} 关于html-Bootstrap:howtodisableverticalscrollbar?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

html - 防止 Bootstrap 表比跨度宽

下面是一个通常动态生成的内容。在页面的主要部分有一个。.有时这个div中的表格变得比div本身更宽(我检查了css,宽度设置为100%)。如果我只将短文本放入表中,或者如果我将div变宽,一切都很好。问题是:为什么表格可以变得比divclass=spanX宽?我一直在想,block元素会占用其父元素的宽度吗?相应td中的字符/空格数表的可能会有所不同。如何防止表格变得比div更宽?当然,我可以动态检查ts中的字符数。但是我该如何处理这些信息?http://jsfiddle.net/vNnc6/HTML:MySiteMyBrandHomeAboutBlogApps:AppOneMyWon

html - Bootstrap - 更改行和列的顺序

使用Bootstrap是否可以根据视口(viewport)有这两种不同的布局?我一直在搜索这个,我知道这些概念push,pull和responsiveutilities但我发现的示例结构更简单。在这种情况下,我宁愿不使用响应实用程序(因为会有很多重复处理)和/或JavaScript,只使用HTML和CSS操作。Here'safiddle智能手机上的布局错误...TitleATitleBTitleCGraphAGraphBGraphCListAListBListCTabletsanddesktopslayoutSmartphoneslayout 最佳答案

html - Bootstrap 3 模态响应

我有一个模式,但它没有在较小的屏幕(平板电脑等)上调整大小。有没有办法让它响应?找不到有关引导文档的任何信息。谢谢我更新我的html代码:(它在djangofor循环中)×ProductoNombre:{{p.name}}Cerrar我有这些css设置:.modal-lg{max-width:900px;}@media(min-width:768px){.modal-lg{width:100%;}}@media(min-width:992px){.modal-lg{width:900px;}} 最佳答案 来自docs:模

css - Bootstrap 响应式侧边栏菜单到顶部导航栏

所以我一直在寻找这方面的指导,但无济于事。基本上,我只想有一个侧边栏,但是当屏幕变小时,也就是智能手机屏幕变小,它就会变成导航栏。我的侧边栏HTML代码是这样的:-->AnimaciónIlustraciónInteracciónBlogAcercaContacto我的CSS:#fixed-sidebar{position:fixed;max-width:20%;color:white;}我不知道如何将其放入导航栏中。我所知道的是如何从一开始就制作导航栏,但我不想那样做!我不想要任何花哨的动画叠加多色Accordion式的东西,拜托-谢谢你:) 最佳答案

html - Bootstrap 100% height with navbar

这基本上是我想要实现的:我希望整个页面的高度为100%,但是当我将侧边栏和正文设置为100%时,页面会从导航栏添加40px,因此即使不应该有滚动条,我也会得到一个滚动条。我通过使用表格解决了这个问题,但我确信一定有更简单的方法和css到目前为止我得到的:body,html,.container-fluid,.sidebar,.body{height:100%;min-height:100%;}.navbar{height:40px;position:relative;} 最佳答案 您必须从100%中减去导航栏的高度。有多种解决方案,

html - 围绕 Bootstrap 3 导航栏使用 NAV 和 DIV 有什么区别?

在最新的Bootstrap3导航栏示例中,我在网络上找到了外部导航栏标记的各种示例...和其他例子正在使用...所有示例都运行正常,文档要求NAV。这让我想知道网络上是否有很多示例是版本2的剩余部分,没有为版本3重写,或者使用任何一个周围标记都可以。Example 最佳答案 是主要导航元素的语义HTML5容器元素。Thenavisablocklevelelementusedtodenoteasectionofmajornavigationallinksonapage.Notalllinksshouldbewrappedwithina

html - Twitter-Bootstrap - 将简单元素内联

有没有办法把2元素显示内联?我试过了:jjjsss还有jjjsss但它不起作用。 最佳答案 默认情况下,anchor标记应显示为内联。你必须有一些额外的样式设置它们显示为block元素或类似的东西。使用您的代码,这是一个有效的JSFiddle.检查您的页面以找出设置anchor的display的位置,然后修改它或将元素设置为display:inlineafter那。因为你已经添加了class="inline"你可以简单地添加:a{display:block;/*Pre-existingcode*/}a.inline{display:

html - 如何使 Bootstrap 4 列高度相同?

这个问题在这里已经有了答案:HowcanImakeBootstrapcolumnsallthesameheight?(34个答案)关闭5年前。免责声明。有人问这个问题many前几次。但是随着时间的流逝,现在我们即将发布全面支持flexbox的Bootstrap4,是时候为同样的问题寻找新的答案了。我想使用Bootstrap4创建相等的列高。这是预期结果的演示:我想要一个解决方案,适用于所有浏览器,受Bootstrap4支持。如果不涉及JS则更好。一些现有的解决方案基于Bootstrap3,一些在MacOS上的Safari中不起作用。更新。看来我做错了研究。默认情况下,Bootstrap

html - Bootstrap pull-right 导致元素重叠

我试图让一个按钮位于列表上方,但按钮位于右侧。当我将pull-right类添加到按钮(或包含的div)时,按钮就会被列表覆盖。AddSomethingsomething1Somethingsomething2Somethingsomething2jsfiddle:http://jsfiddle.net/paulbau/384YH/ 最佳答案 您应该将pull-right类添加到button元素,然后将clearfix添加到父元素。这样做时,div不会自行折叠。UpdatedExampleAdd或者,由于button是一个inline