twitter-bootstrap相关内容

将放大效果添加到引导图库

我想用bootstrap制作一个如下所示的图库: https://mdbootstrap.com/docs/standard/extended/gallery/ 一切都正常,但我想给这些图片添加一个悬停效果,所以我把它们都放在不同的容器里,这很管用,但现在图片不再对齐了,因为一些是水平的,另一些是垂直的:/ 有没有人有办法解决这个问题? 以下是我的项目代码: https://codep ..
发布时间:2022-08-26 09:33:35 前端开发

使用Bootstrap进行响应的div放置

我需要将一些DIV放在它们的父容器中,无论它是body、表的cell还是另一个div,Bootstrap 5,如附图所示: 如果DIV为偶数,则它们应取可用宽度的50%,由2放置在单行中。或者,如果DIV为奇数,则最后一个应占可用宽度的100%,而前一个仍占可用宽度的50%,并在一行中放置2。 最好可以更改DIV的顺序(如Mobile View示例中的)。 使用UIKit使用一些 ..

使用Flex CSS和Bootstrap实现响应式布局

我已经在台式机、平板电脑和手机大小之间试验了一段时间,但在下面的布局中遇到了问题。 我使用的是Bootstrap中的网格布局,但由于它是两列,随着宽度缩小,第二列位于左侧的Main Content部分下方。我想将其拆分为状态下方的屏幕大小。 这是起始视图: 这是我希望发生的事情: 这将是手机视图: 因此,宽视图在测试期间会缩小,我希望它跳转到移动视图,在该视图中,顶部 ..
发布时间:2022-08-25 22:18:05 前端开发

Bootstrap 5表单组、表单行、内联表单不起作用

我正在尝试将我的应用程序从Bootstrap 4更新到Bootstrap 5,但使用表单类的所有元素(如form-group、form-row、form-inline)都完全损坏。 推荐答案 原因是form-group、form-row和form-inline类已在引导5中删除: 突破性变化:删除了网格系统的特定于表单的布局类。使用我们的网格和实用程序,而不是.form-grou ..
发布时间:2022-08-25 21:49:23 前端开发

Bootstrap 5-卡元素在底部对齐

好的,我是Bootstrap的新手,我尝试将一个按钮元素一直放在Card的底部,即使正文文本很小。但是,我总是收到这个结果,它没有将我的按钮放在我需要的右下角位置。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> ..
发布时间:2022-08-25 21:40:29 前端开发

如何在Bootstrap 5表格单元格中垂直对齐文本?

我创建了一个表格,并希望其中一个单元格具有垂直对齐方式。引导程序5文档states: 更改元素的垂直对齐方式 公用事业。请注意,垂直对齐仅影响内联, 行内块、行内表、和表格单元格元素 我只是做了一个小的对比表,以演示我的混乱: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> ..
发布时间:2022-08-25 21:36:24 前端开发

如何将Bootstrap 5下拉菜单附加到特定元素。当DropDown元素位于具有Overflow:Hidden的元素内时

我在owl-carousel中使用Bootstrap 5 dropdown menu。但下拉菜单被切断,因为owl-carousel中有外部divoverflow:hidden。 此处提供完整代码片段:jsfiddle 因此,我尝试定位相对于正文下拉列表,而不是中带边界选项的父项 Bootstrap Docs表示,这只能通过Java脚本完成(不能通过数据属性), 所以我尝试了下面的Jav ..
发布时间:2022-08-25 21:29:11 前端开发

模式旋转木马引导5未显示正确图像

我在为我的图像实现模式转盘时遇到了问题。它目前大部分功能齐全,缺乏风格和响应性,但这不是我目前的问题。 问题: 一旦您单击图像,旋转木马就会出现,但有时您所单击的实际图像不会出现,而是旋转木马中的第一个图像或您在旋转木马中打开的最后一个图像。当你点击第三张图片时,旋转木马就会打开,第一张图片也会打开。假设第三个图像确实在旋转木马中打开。一旦它关闭(在旋转木马中的图像外部单击,因为我没有戴上实际的 ..
发布时间:2022-08-04 17:15:09 其他开发

如何修复模糊图像

我使用Bootstrap创建了此测试登录页:http://ubersnap.netai.net 如果你访问该网站并查看iPhone屏幕截图,你会发现你几乎看不到屏幕上的文字。 但是,如果您只是调整浏览器窗口的大小,并将窗口最大化为其原始大小,则它是100%清晰的。 为什么会发生这种情况?有没有办法在第一次加载图片时使其清晰,而不是调整浏览器窗口的大小? 如果这有什么不同,则 ..
发布时间:2022-07-20 18:10:20 前端开发

如何使用向左和向右箭头键在引导导航栏中导航

下面的html中定义了Bootstrap 3菜单系统。 如果菜单键盘打开,则按向左和向右箭头键将被忽略。 如何强制向左箭头打开上一个菜单,强制向右箭头打开下一个菜单板,就像在常规窗口菜单中一样? 在jQuery UI菜单栏中,左右箭头是这样工作的。如何让它们也在引导导航栏中工作? ..
发布时间:2022-07-03 11:14:45 前端开发

引导导航栏不会展开或显示菜单项

我是一名平面设计师,几周前开始编写代码,希望能进入前端领域。我正在建设的这个样本网站不在导航栏区域进行合作。我在我所有的桌面视图中都很好地设置了它,但当它折叠时,我似乎无法让它工作。它不会展开或显示菜单项。我找了所有我能找的,但我只是找到了不同类型的酒吧,都有同样的问题。我正在使用方括号。 我们非常感谢您的任何帮助,即使您看到一些与我搞砸了无关的事情。 谢谢! 这是我的html ..
发布时间:2022-07-03 11:02:12 前端开发

使用Jekyll和Bootstrap突出显示多级导航标题中的活动父项

我的网站同时使用Jekyll和Bootstrap,主导航标题是一个下拉列表。我希望每当用户在相应的子页面(例如,解决方案>解决方案1)上时,父项目(例如,解决方案)在页眉中突出显示。 我的Jekyll导航文件(Navigation.yml)格式如下: - title: Solutions url: /solutions subpages: - title: Soluti ..

将变量传递给引导模式

我有一个Java脚本确认/取消弹出框,它动态取消选中复选框并动态隐藏或显示作为表单列表一部分的MENU_ENTRY,仅当用户选择js确认弹出框上的确定按钮时。 我现在正在尝试将js确认更改为引导模式,但我不确定如何将变量传递给引导模式代码并获得与js确认弹出框相同的功能。 下面是我正在运行的html代码,它调用了Java脚本确认弹出框: {% for id, menu_entry ..

在rails 3.2+SimpleForm中显示嵌套表单的包含错误的字段

我有一个Flight模型嵌套在FlightLog模型中。FlightLog可能包含多个航班。 我在Bootstrap安装中使用SimpleForm,这样可以在验证失败时用Error类包围有错误的表单元素。 问题是,即使为嵌套模型触发了验证,Simple_field_for中有错误的字段也没有标记,因此无法确定哪个属性无效。 在检查调用Create操作时的错误哈希后,我可以看到它正 ..

找不到jQuery';的类型定义文件

我刚刚在NuGet中运行了更新以更新我的包。之后,我无法再编译,并收到上述错误。 jQuery定义文件在我的项目中。但由于某种原因,引导定义文件再也找不到它。 我已经有一段时间没有参与这个项目了。我非常确定在更新之前我的定义文件位于一个完全不同的目录中。但大多数代码和文件结构都是由Visual Studio NuGet包自动创建的。 这些链接或引用位于何处,以便可以正确地找到定义文件 ..