草庐IT

Bootstrap4

全部标签

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

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

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;}

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

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

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

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

html - Bootstrap 表 - 将行的一列一分为二

我设法在Bootstrap中为表格创建“双行”:123AAABB1B1B2B2理想情况下,我希望它看起来像这样:玩转colspan没有真正的帮助,只是破坏了东西。我试着设置colspan每行的第一列为2,B的第一列为1,并且有额外的对于B1和B2,没有用。 最佳答案 最后我有一个解决方案给你:片段.container{background-color:#ccc;}thead{background:#C9E4F4;}table,th,td{text-align:center!important;border:1.5pxsolid#92

html - Bootstrap 表 - 将行的一列一分为二

我设法在Bootstrap中为表格创建“双行”:123AAABB1B1B2B2理想情况下,我希望它看起来像这样:玩转colspan没有真正的帮助,只是破坏了东西。我试着设置colspan每行的第一列为2,B的第一列为1,并且有额外的对于B1和B2,没有用。 最佳答案 最后我有一个解决方案给你:片段.container{background-color:#ccc;}thead{background:#C9E4F4;}table,th,td{text-align:center!important;border:1.5pxsolid#92