草庐IT

Bootstrap4

全部标签

javascript - Bootstrap 3 Fixed Top Navbar 'Flickering' On Mobile Scrolling using jQuery 单页滚动效果

感谢您查看此问题。我想知道是否有一种方法可以防止Bootstrap3固定顶部导航栏在使用jQuery插件自动滚动时“闪烁”或上下跳动。这里是一个活跃的例子:http://startbootstrap.com/templates/grayscale/如果您在手机(我使用的是iPhone4)上查看此模板,请使用菜单栏并单击链接。jQuery插件会将您带到页面的部分,但请注意顶部的菜单栏。它像疯了似的在四周闪烁和跳舞,并没有真正停留在原地。这是与此示例关联的代码,但我见过的大多数其他示例都是人们使用Bootstrap固定顶部导航以不同方式做同样的事情。HTML:StartBootstrapA

javascript - Bootstrap 3 Fixed Top Navbar 'Flickering' On Mobile Scrolling using jQuery 单页滚动效果

感谢您查看此问题。我想知道是否有一种方法可以防止Bootstrap3固定顶部导航栏在使用jQuery插件自动滚动时“闪烁”或上下跳动。这里是一个活跃的例子:http://startbootstrap.com/templates/grayscale/如果您在手机(我使用的是iPhone4)上查看此模板,请使用菜单栏并单击链接。jQuery插件会将您带到页面的部分,但请注意顶部的菜单栏。它像疯了似的在四周闪烁和跳舞,并没有真正停留在原地。这是与此示例关联的代码,但我见过的大多数其他示例都是人们使用Bootstrap固定顶部导航以不同方式做同样的事情。HTML:StartBootstrapA

jquery - Bootstrap 3 按钮组 : corner radius disappears after a button is hidden

我有以下Bootstrap3按钮组:LeftMiddleRight我使用以下方法隐藏第一个按钮:$("button:eq(0)").hide();结果是第一个可见按钮没有圆Angular半径:我猜BS说:.btn-group的第一个child有border-radius而不是.btn-group的第一个visiblechild有border-半径有什么办法可以解决这个问题吗?JSFIDDLE请注意,我不想删除按钮,而是想隐藏它。 最佳答案 鉴于您已经在使用jQuery,您可以使用以下代码向第一个/最后一个可见按钮元素添加一个类。$(

jquery - Bootstrap 3 按钮组 : corner radius disappears after a button is hidden

我有以下Bootstrap3按钮组:LeftMiddleRight我使用以下方法隐藏第一个按钮:$("button:eq(0)").hide();结果是第一个可见按钮没有圆Angular半径:我猜BS说:.btn-group的第一个child有border-radius而不是.btn-group的第一个visiblechild有border-半径有什么办法可以解决这个问题吗?JSFIDDLE请注意,我不想删除按钮,而是想隐藏它。 最佳答案 鉴于您已经在使用jQuery,您可以使用以下代码向第一个/最后一个可见按钮元素添加一个类。$(

html - 带照片的 Bootstrap 轮播 : optimal image size?

我正在试验Bootstrap的旋转木马,并希望将其与照片一起使用。问题:我应该上传用于轮播的图片的最佳尺寸是多少?在当前的Bootstrap发行版(v3.2.0)中,示例carousel.html使用简单的1x1像素图像作为背景:我找不到这个记录,我试验过的照片在我的笔记本电脑屏幕上被拉伸(stretch)/扭曲。 最佳答案 实际上并没有“最佳”图像尺寸。在具有1x1像素的示例中,它是一个不断重复以覆盖其包含div的整个范围的像素。这个BootplyDemoofCarousel以一张1024x700像素的图片为例。如果你想要一个横跨

html - 带照片的 Bootstrap 轮播 : optimal image size?

我正在试验Bootstrap的旋转木马,并希望将其与照片一起使用。问题:我应该上传用于轮播的图片的最佳尺寸是多少?在当前的Bootstrap发行版(v3.2.0)中,示例carousel.html使用简单的1x1像素图像作为背景:我找不到这个记录,我试验过的照片在我的笔记本电脑屏幕上被拉伸(stretch)/扭曲。 最佳答案 实际上并没有“最佳”图像尺寸。在具有1x1像素的示例中,它是一个不断重复以覆盖其包含div的整个范围的像素。这个BootplyDemoofCarousel以一张1024x700像素的图片为例。如果你想要一个横跨

html - 使用 Bootstrap 拉伸(stretch)图像和居中内容

我需要布置一个包含两个图像的网页,这两个图像必须拉伸(stretch)以填充可用的浏览器窗口,但文本内容位于页面的中央。到目前为止,我似乎能够做到这一点的唯一方法是,a)将两个图像合并为一个,并将其设置为body的背景图像,然后小心地垂直放置中间带content以适应图像之间的间隙,或者b)将container(固定)div嵌套在container-fluid中,其中包含图像和fixed包含文本内容。然而,我看到了对那些提倡嵌套引导容器的人的可怕警告和蔑视。这张图片可能有助于传达我的需要:“图片1”必须横跨整个窗口,内容保持居中,与“图片2”相同,图像之间垂直有一条纯白色带,屏幕右侧有

html - 使用 Bootstrap 拉伸(stretch)图像和居中内容

我需要布置一个包含两个图像的网页,这两个图像必须拉伸(stretch)以填充可用的浏览器窗口,但文本内容位于页面的中央。到目前为止,我似乎能够做到这一点的唯一方法是,a)将两个图像合并为一个,并将其设置为body的背景图像,然后小心地垂直放置中间带content以适应图像之间的间隙,或者b)将container(固定)div嵌套在container-fluid中,其中包含图像和fixed包含文本内容。然而,我看到了对那些提倡嵌套引导容器的人的可怕警告和蔑视。这张图片可能有助于传达我的需要:“图片1”必须横跨整个窗口,内容保持居中,与“图片2”相同,图像之间垂直有一条纯白色带,屏幕右侧有

html - bootstrap 4,当悬停在按钮上时光标不会改变但在 anchor 上会改变

我正在使用bootstrap4alpha,按钮上的光标似乎已针对按钮而不是anchor标记移除。Bootstrap站点上的示例。https://v4-alpha.getbootstrap.com/components/buttons/在我的应用程序中,我有一个带有两个按钮的表单,一个是发布到表单,另一个是重定向到另一个页面。输入不显示光标,但anchor显示。我知道我可以创建一个自定义的css类,但是为什么这个被删除是有原因的还是当前的alpha版本有问题?RegisterNow 最佳答案 这是您的解释-https://medium

html - bootstrap 4,当悬停在按钮上时光标不会改变但在 anchor 上会改变

我正在使用bootstrap4alpha,按钮上的光标似乎已针对按钮而不是anchor标记移除。Bootstrap站点上的示例。https://v4-alpha.getbootstrap.com/components/buttons/在我的应用程序中,我有一个带有两个按钮的表单,一个是发布到表单,另一个是重定向到另一个页面。输入不显示光标,但anchor显示。我知道我可以创建一个自定义的css类,但是为什么这个被删除是有原因的还是当前的alpha版本有问题?RegisterNow 最佳答案 这是您的解释-https://medium