草庐IT

bootstrap-slider

全部标签

html - Bootstrap - float 操作按钮菜单大小和阴影

我正在使用Bootstrap3.3和BootstrapMaterialDesignframework构建应用程序.我正在尝试制作一个float操作按钮,当您单击它时它会打开。为了尝试做到这一点,我创建了这个Bootply,其中有以下代码:saveclear按钮可以使用,但看起来不正确。有两个问题让我抓狂。首先,弹出菜单不是透明的。有一个border和我似乎无法摆脱的阴影。其次,我无法使用BootstrapMaterialDesignframework的float操作按钮部分所示的小型按钮。页。我不确定我做错了什么。 最佳答案 所以b

html - 如何在 bootstrap 4 中包装( float )卡片

我正在使用bootstrap4beta。我有一张卡片列表。我希望它们具有固定宽度,但高度会根据内容而变化。卡片的数量可以从1到n。我想要的效果是卡片从左到右排列,直到屏幕空间用完,然后换行到下一行。我已经尝试了卡片的bootstrap4示例页面上列出的所有不同选项,但它们似乎没有换行。我怎样才能做到这一点?下面的示例显示了它们3个横跨,它们之间有很多空间。CardtitleThisisalongercardwithsupportingtextbelowasanaturallead-intoadditionalcontent.Thiscontentisalittlebitlonger.L

html - 如何在 bootstrap 4 中包装( float )卡片

我正在使用bootstrap4beta。我有一张卡片列表。我希望它们具有固定宽度,但高度会根据内容而变化。卡片的数量可以从1到n。我想要的效果是卡片从左到右排列,直到屏幕空间用完,然后换行到下一行。我已经尝试了卡片的bootstrap4示例页面上列出的所有不同选项,但它们似乎没有换行。我怎样才能做到这一点?下面的示例显示了它们3个横跨,它们之间有很多空间。CardtitleThisisalongercardwithsupportingtextbelowasanaturallead-intoadditionalcontent.Thiscontentisalittlebitlonger.L

html - 背景像素在 Bootstrap 模态上闪烁

有人知道Bootstrap模式背景问题吗?闪烁的背景像素jsfiddleHTML启动演示模式×Modaltitle...CloseSavechanges 最佳答案 我将bootstrap.min.css上的.fade.in不透明度属性从1更改为0.99:.fade.in{不透明度:0.99}这解决了问题,同时出现了更好的解决方案。*更新*在bootstrap.min.css上试试这个.fade.in{opacity:1;-webkit-backface-visibility:hidden;}

html - 背景像素在 Bootstrap 模态上闪烁

有人知道Bootstrap模式背景问题吗?闪烁的背景像素jsfiddleHTML启动演示模式×Modaltitle...CloseSavechanges 最佳答案 我将bootstrap.min.css上的.fade.in不透明度属性从1更改为0.99:.fade.in{不透明度:0.99}这解决了问题,同时出现了更好的解决方案。*更新*在bootstrap.min.css上试试这个.fade.in{opacity:1;-webkit-backface-visibility:hidden;}

javascript - Slick Slider - 框阴影被切断

问题是光滑的sliderdiv有溢出:隐藏;所以幻灯片div的框阴影不断被切断。有人遇到过这个问题吗?这是一个演示问题的fiddle:https://jsfiddle.net/2zvcud0u/HTMLLoremipsumdolorsitametLoremipsumdolorsitametLoremipsumdolorsitametLoremipsumdolorsitametCSS.row{margin:20px0;}.drop-shadow{box-shadow:0px0px43px0pxrgba(0,0,0,0.35);}.content{margin:10px;}JS$('.sl

javascript - Slick Slider - 框阴影被切断

问题是光滑的sliderdiv有溢出:隐藏;所以幻灯片div的框阴影不断被切断。有人遇到过这个问题吗?这是一个演示问题的fiddle:https://jsfiddle.net/2zvcud0u/HTMLLoremipsumdolorsitametLoremipsumdolorsitametLoremipsumdolorsitametLoremipsumdolorsitametCSS.row{margin:20px0;}.drop-shadow{box-shadow:0px0px43px0pxrgba(0,0,0,0.35);}.content{margin:10px;}JS$('.sl

html - Bootstrap 下拉菜单溢出而不是调整

我正在创建一个导航栏,它有一堆菜单和子菜单。菜单偏离了观看点并允许我的页面滚动,这不是我想要的结果。如果没有足够的空间容纳它,我希望它从右侧菜单翻转到左侧。对于我的Fiddle我有一个快速演示,可以相当准确地代表我的真实导航栏。要复制我的问题,请根据您的解决方案定位网页,以便导航栏被迫离开页面的一侧。单击交互式选项卡并在右栏(忽略样式)单击填充系统并进入这些子菜单。除非您滚动,否则它们将拖出无法查看的页面,这不是我想要的。我已经尝试使用right:0;left:auto;以及我在其他讨论中找到的css位置,但这没有帮助。我也曾尝试使用JQuery菜单,该菜单在大多数情况下都有效,但没有

html - Bootstrap 下拉菜单溢出而不是调整

我正在创建一个导航栏,它有一堆菜单和子菜单。菜单偏离了观看点并允许我的页面滚动,这不是我想要的结果。如果没有足够的空间容纳它,我希望它从右侧菜单翻转到左侧。对于我的Fiddle我有一个快速演示,可以相当准确地代表我的真实导航栏。要复制我的问题,请根据您的解决方案定位网页,以便导航栏被迫离开页面的一侧。单击交互式选项卡并在右栏(忽略样式)单击填充系统并进入这些子菜单。除非您滚动,否则它们将拖出无法查看的页面,这不是我想要的。我已经尝试使用right:0;left:auto;以及我在其他讨论中找到的css位置,但这没有帮助。我也曾尝试使用JQuery菜单,该菜单在大多数情况下都有效,但没有

jquery - Slick Slider 自定义 HTML 分页

是否可以像BootstrapCarousel允许的那样,仅使用HTML为SlickSlider创建自定义分页点。Bootstrap分页示例我知道您可以像这样创建自定义点;customPaging:function(slider,i){varthumb=$(slider.$slides[i]).data('thumb');return'';}但是这种方法对我想要实现的目标不起作用。这是我希望能够用作我的分页导航的内容。jQuery(document).ready(function($){ $('.step').click(function(){ varelem=$(this); va