草庐IT

bootstrap-grid

全部标签

html - 使用 Bootstrap 使用单选按钮进行选项卡控制

我正在尝试使用单选按钮控制选项卡以更改计划屏幕的内容区域。除了单选按钮不检查之外,这工作正常。有人知道如何解决这个问题吗?DailyWeeklyMonthlyDailyWeeklyMontly这是jsfiddle中的示例http://jsfiddle.net/nEWMq/ 最佳答案 由于thiscode,单选按钮未被选中:e.preventDefault()要解决此问题,请从单选按钮中删除data-toggle="tab",然后添加此jQuery代码:$('input[name="intervaltype"]').click(fun

html - Bootstrap Grid,我需要一个容器吗?

我一直在玩bootstrap3,我注意到如果您在没有容器的情况下使用网格系统,它会变得流畅,有人告诉我我不应该这样做,因为该系统被设计为在容器内。如果我不使用容器类会发生什么?我需要它吗?如果可以,我可以使容器类宽度为100%而不会弄乱Bootstrap的媒体查询,或者是否有任何其他或更好的方法来构建一个流畅的使用bootstrap3进行布局。 最佳答案 更新Bootstrap4在Bootstrap4中,最外层的行也应该包裹在container或container-fluid中,以防止.row上的负边距引起水平滚动>.Bootstr

html - Bootstrap Grid,我需要一个容器吗?

我一直在玩bootstrap3,我注意到如果您在没有容器的情况下使用网格系统,它会变得流畅,有人告诉我我不应该这样做,因为该系统被设计为在容器内。如果我不使用容器类会发生什么?我需要它吗?如果可以,我可以使容器类宽度为100%而不会弄乱Bootstrap的媒体查询,或者是否有任何其他或更好的方法来构建一个流畅的使用bootstrap3进行布局。 最佳答案 更新Bootstrap4在Bootstrap4中,最外层的行也应该包裹在container或container-fluid中,以防止.row上的负边距引起水平滚动>.Bootstr

javascript - 如何使 Bootstrap 3 下拉菜单在折叠的导航栏内默认打开

我试图在打开折叠的导航栏时默认打开下拉菜单。这是一个fiddle到目前为止显示我的代码。目前,如果您在导航栏处于折叠状态时单击它,则会显示两个链接和一个下拉菜单。您必须再次单击才能打开下拉菜单。我的目标是让下拉菜单默认打开,并在折叠的导航栏打开时隐藏a.dropdown-toggle元素。当折叠的导航栏打开时,我希望它看起来如何:链接链接下拉菜单行动另一个Action这里还有其他东西独立链接一个单独的链接我的第一个想法是在a.dropdown-toggle上使用display:none但这只会隐藏整个下拉菜单。希望有人可以提出建议。我对jQuery和CSS解决方案持开放态度。我的标记:

javascript - 如何使 Bootstrap 3 下拉菜单在折叠的导航栏内默认打开

我试图在打开折叠的导航栏时默认打开下拉菜单。这是一个fiddle到目前为止显示我的代码。目前,如果您在导航栏处于折叠状态时单击它,则会显示两个链接和一个下拉菜单。您必须再次单击才能打开下拉菜单。我的目标是让下拉菜单默认打开,并在折叠的导航栏打开时隐藏a.dropdown-toggle元素。当折叠的导航栏打开时,我希望它看起来如何:链接链接下拉菜单行动另一个Action这里还有其他东西独立链接一个单独的链接我的第一个想法是在a.dropdown-toggle上使用display:none但这只会隐藏整个下拉菜单。希望有人可以提出建议。我对jQuery和CSS解决方案持开放态度。我的标记:

html - 关于 Bootstrap 4 - Navbar 顶部放置

我正在使用Bootstrap4。我对Navbar“Fixedtop”类有疑问。http://v4-alpha.getbootstrap.com/components/navbar/#placement导航栏“固定顶部”类涵盖内容。就像下面这个演示,导航栏覆盖了,我想让Navbar不覆盖,怎么办?我不知道如何防止导航栏覆盖内容,因为设备的大小是可见的。NavbarHome(current)SearchHello,world!Thisisasimpleherounit,asimplejumbotron-stylecomponentforcallingextraattentiontofeat

html - 关于 Bootstrap 4 - Navbar 顶部放置

我正在使用Bootstrap4。我对Navbar“Fixedtop”类有疑问。http://v4-alpha.getbootstrap.com/components/navbar/#placement导航栏“固定顶部”类涵盖内容。就像下面这个演示,导航栏覆盖了,我想让Navbar不覆盖,怎么办?我不知道如何防止导航栏覆盖内容,因为设备的大小是可见的。NavbarHome(current)SearchHello,world!Thisisasimpleherounit,asimplejumbotron-stylecomponentforcallingextraattentiontofeat

html - 如何在维护语义 HTML 标记的同时使用 Bootstrap?

Bootstrap提供了text-left(Alignmentclasses),text-lowercase(Transformationclasses)等类,这与定义内联样式相同(不是技术上的,但从逻辑上讲)。在替代方法中,例如bem,它强制类应该反射(reflect)“物理”block和元素,以及它们的修饰符(或元素的状态,例如active、current),并且任何样式都应该纯粹在CSS中应用。Bootstrap方法似乎没有很好地分离结构和表示之间的关注点,并且违背了这一点W3CTipforWebmasters.这个问题得到了很多人的响应:NikoSams-WhyIdon'tli

html - 如何在维护语义 HTML 标记的同时使用 Bootstrap?

Bootstrap提供了text-left(Alignmentclasses),text-lowercase(Transformationclasses)等类,这与定义内联样式相同(不是技术上的,但从逻辑上讲)。在替代方法中,例如bem,它强制类应该反射(reflect)“物理”block和元素,以及它们的修饰符(或元素的状态,例如active、current),并且任何样式都应该纯粹在CSS中应用。Bootstrap方法似乎没有很好地分离结构和表示之间的关注点,并且违背了这一点W3CTipforWebmasters.这个问题得到了很多人的响应:NikoSams-WhyIdon'tli

html - 使用 Bootstrap 打印 HTML 表格背景颜色

如果我在表格上使用Bootstraptable类,打印预览不会显示tr的背景色。我的代码@mediaprint{.bg-danger{background-color:#f2dede!important;}}DIVTR1TR2TR3在屏幕上,所有内容都是红色的,但在打印预览中只有div元素是红色的。如果我删除table类,一切正常(除了我需要表格样式)。我的配置:IE11和Windows7。是否有打印背景颜色的技巧?注意:指示的重复项(CSS@mediaprintissueswithbackground-color;)不是这里的问题,我的设置已检查以打印背景色。此外,我可以为多个其他元