草庐IT

Bootstrap4

全部标签

html - Bootstrap 3 列问题

我正在使用bootstrap3,这是一个新手,但它似乎是从2的一个相当简单的过渡。这是带有代码的jsfiddle:http://jsfiddle.net/AHvLW/这是当它们都在col-md-4中时它如何呈现的图像:虽然我不明白,它在jsFiddle中运行良好,但在我的索引文件中却不行。任何遇到类似问题的人可能知道这是怎么回事? 最佳答案 由于列的高度并不完全相同,因此您需要添加一个clearfix对于大视口(viewport),就像新行应该开始一样,即在第3列和第4列之间:..................Demofiddle

html - Bootstrap 3.0 内联标题标签

我有以下代码:HeadingSecondHeading目标是同时拥有和彼此相邻,在同一条基线上。此时元素远高于线。我已经尝试将其放入spans以及其他“技巧”,例如vertical-align:bottom.出于某种原因,我只是无法在同一行和相同的“行高”上得到它:HeadingSecondHeading 最佳答案 很惊讶它没有被提及,但另一种方法是使用标题类。headingsecondheading请参阅他们所在的less文件typographystyles被应用,除了display:block之外你需要的一切

html - Bootstrap 3.0 内联标题标签

我有以下代码:HeadingSecondHeading目标是同时拥有和彼此相邻,在同一条基线上。此时元素远高于线。我已经尝试将其放入spans以及其他“技巧”,例如vertical-align:bottom.出于某种原因,我只是无法在同一行和相同的“行高”上得到它:HeadingSecondHeading 最佳答案 很惊讶它没有被提及,但另一种方法是使用标题类。headingsecondheading请参阅他们所在的less文件typographystyles被应用,除了display:block之外你需要的一切

html - 如何让 Bootstrap 看起来更 "Compact"

我希望拥有与使用浏览器缩放时相同的“紧凑”外观-在font-size、padding和空间的一般使用方面-输出(Ctrl--)。当然没有副作用,最重要的是减少容器宽度。我试过在Bootstrap的http://getbootstrap.com/2.3.2/customize.html中摆弄@baseFontSize和@baseLineHeight变量|下载屏幕,但结果我遗漏了一些东西:看起来不对-在平衡方面,填充不对。投影仪屏幕中断(恐怖!)-选择框、布局,一切都变得疯狂。请保释我! 最佳答案 在你的html标签中使用媒体查询并使用

html - 如何让 Bootstrap 看起来更 "Compact"

我希望拥有与使用浏览器缩放时相同的“紧凑”外观-在font-size、padding和空间的一般使用方面-输出(Ctrl--)。当然没有副作用,最重要的是减少容器宽度。我试过在Bootstrap的http://getbootstrap.com/2.3.2/customize.html中摆弄@baseFontSize和@baseLineHeight变量|下载屏幕,但结果我遗漏了一些东西:看起来不对-在平衡方面,填充不对。投影仪屏幕中断(恐怖!)-选择框、布局,一切都变得疯狂。请保释我! 最佳答案 在你的html标签中使用媒体查询并使用

html - 我怎样才能让一个 div 表现得好像它在带有 Bootstrap 的不同设备上一样?

我正在尝试创建一个TwitterBootstrap应用程序,该应用程序显示一个div,该div在我们的SPA中显示不同设备尺寸(台式机、平板电脑、移动设备)的应用程序,其内部和外部都存在需要通信的功能。单击指定大小时,div应调整大小。像这样:Bootstrap断点基于窗口级别的媒体查询。但我正试图在div上进行这项工作。如果我们在div级别指定一个容器,网格将不会像您调整窗口大小时那样垂直堆叠,它们只会收缩。比一开始听起来更难的问题。:(关于如何解决这个问题有什么想法吗?最简单的答案是iFrame,这样iFrame的窗口大小会随着div大小的变化而调整,并且网格会正确堆叠,但这并不理

html - 我怎样才能让一个 div 表现得好像它在带有 Bootstrap 的不同设备上一样?

我正在尝试创建一个TwitterBootstrap应用程序,该应用程序显示一个div,该div在我们的SPA中显示不同设备尺寸(台式机、平板电脑、移动设备)的应用程序,其内部和外部都存在需要通信的功能。单击指定大小时,div应调整大小。像这样:Bootstrap断点基于窗口级别的媒体查询。但我正试图在div上进行这项工作。如果我们在div级别指定一个容器,网格将不会像您调整窗口大小时那样垂直堆叠,它们只会收缩。比一开始听起来更难的问题。:(关于如何解决这个问题有什么想法吗?最简单的答案是iFrame,这样iFrame的窗口大小会随着div大小的变化而调整,并且网格会正确堆叠,但这并不理

html - iPhone 6+ Mobile safari iOS 8 横向打开标签,Bootstrap navbar-fixed-top 在打开时不会关闭

我在iOS8上的iPhone6+移动safari横向浏览器中遇到了Bootstrapsnavbar-fixed-top的错误。该错误仅在其他选项卡打开时发生。复制方法如下:1)转到http://getbootstrap.com/examples/navbar-fixed-top/在横向的iPhone6+上——确保打开另一个标签页2)在不打开折叠的情况下向下滚动页面3)一旦Safari的状态栏(url和标签)消失,打开导航栏4)向上滚动,以便带标签的Safari状态栏恢复5)尝试关闭导航栏。我在iOS7中有这个错误,但能够通过添加视口(viewport)minimal-ui元来修复它。我

html - iPhone 6+ Mobile safari iOS 8 横向打开标签,Bootstrap navbar-fixed-top 在打开时不会关闭

我在iOS8上的iPhone6+移动safari横向浏览器中遇到了Bootstrapsnavbar-fixed-top的错误。该错误仅在其他选项卡打开时发生。复制方法如下:1)转到http://getbootstrap.com/examples/navbar-fixed-top/在横向的iPhone6+上——确保打开另一个标签页2)在不打开折叠的情况下向下滚动页面3)一旦Safari的状态栏(url和标签)消失,打开导航栏4)向上滚动,以便带标签的Safari状态栏恢复5)尝试关闭导航栏。我在iOS7中有这个错误,但能够通过添加视口(viewport)minimal-ui元来修复它。我

jquery - HTML Bootstrap 3 不向 UL LI 添加事件类

我正在尝试使用scroll-spy将一个事件类添加到单页滚动和粘性导航上的ulli,由于某些未知原因,我无法在我的元素中使用这项工作。下面是我的菜单布局:Togglenavigationxxxxxxxxxxxxxitem1item2item3item4//manydivscssparallax--导航js文件如下:$('.parallax').scroll(function(){if($('.parallax').scrollTop()>100){$(".navbar-fixed-top").addClass("top-nav-collapse");$(".my-nav").addCl