问题标签 [mdbootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
372 浏览

html - 使用 mdbootstrap 4 进行响应式布局

我正在使用 mdbootstrap4 为 Web 应用程序创建原型 UI。

我一直在努力实现以下目标:

设计

本质上,登录容器会随着屏幕宽度的增加而扩大。随着可用屏幕宽度的减小(在移动设备上),链接和按钮应符合移动 UI 模式:首先是登录按钮,然后是其容器的全宽。我一直试图让它工作,但是链接文本溢出(多行)或按钮的尺寸变得奇怪并且也溢出了文本。

此外,我似乎无法修复响应式排序和对齐。

我的代码:

我一直在努力寻找一个优雅的解决方案。谁能指出我正确的方向?

0 投票
1 回答
53 浏览

reactjs - 动态背景图片:元素后

我是新手,我一直在尝试实现我目前定义的视差效果 -

我正在使用 css 提供背景图片 -

}

目前图像是硬编码的我希望它被动态渲染,但经过多次尝试后我无法这样做,我使用下面的样式来添加 css -

但这也无济于事。我在这里遗漏了一些东西。请帮忙。

0 投票
2 回答
8480 浏览

angular - Angular Material + Bootstrap 与 Angular 的 MDbootstrap 之间的主要区别

我对 Angular 1.x 有一些经验,现在我正在为几个新项目构建堆栈。

  • 我想要响应式网格,所以我想使用 Bootstrap。
  • 我想使用 Angular,所以我将使用最新的 Angular
  • 我想要材料设计...所以我可以选择https://material.angular.io/

...但我找到了https://mdbootstrap.com/angular/,它看起来像是 Bootstrap 和 Material Design 的某种组合,可以与最新的 Angular 一起使用。

我很困惑,我不确定这两种方法之间的主要区别是什么。

0 投票
1 回答
800 浏览

html - Bootstrap Navbar Toggle 向上打开?Toggle 不会在单击时关闭?

我正在使用 MDBootstrap(本质上是 Bootstrap 4)导航栏折叠,但是单击元素时切换按钮不会折叠。我已经联系了 MDBootstrap,但似乎无法得到答案。有人告诉我使用 Angular,但我使用的是 JQuery,而且我读过你不应该将这两者混合在一起。另外,我不知道如何将 Angular 整合到我的网站中。我以前使用过 Bootstrap,而且从来不必使用 Angular 来让切换按钮在点击后关闭。这听起来很熟悉吗?

最后,当我单击切换按钮时,它会向上打开而不是向下打开 - 任何人都可以帮助解决这个问题,我希望它向下打开。

我的代码在这里:

0 投票
0 回答
458 浏览

image - 引导卡图像仅在平板电脑上消失

我的网站在台式机和移动设备上运行良好,但是当我在平板电脑/ipad 上查看我的网站时,我的卡片图像消失了。我似乎无法弄清楚为什么我正在使用 Bootstrap 4/MDBootstrap 并且它自然响应。我以前从未发生过这种情况。我有一种感觉,我错过了一些简单的东西,但找不到它。我也没有自定义 CSS 文件。我正在使用 MDBoostrap 提供的 CSS。我只做了微小的更改,这些更改是在 HTML 文件中进行的。任何帮助,将不胜感激!

0 投票
2 回答
64 浏览

javascript - mdbootstrap 不使用 php 显示图像

我正在使用 mdb free + php 进行项目。我正在尝试从数据库中获取图像并向它们显示图像 src 获取路径成功但图像未显示。在检查元素中,图像采用“显示:无!重要”,但我无法删除它。

这是我的代码: 在此处输入图像描述

0 投票
1 回答
445 浏览

angular - 使用带有角度通用的 mdbootstrap 轮播时组件不加载

我使用了带角度通用的 mdbootstrap 轮播。其余组件工作正常,但我在主屏幕上使用轮播时遇到问题。主页没有加载,但是当我访问不同的页面并再次调用主页时,页面被加载。

我的主页组件 HTML 文件。

任何帮助都感激不尽。

0 投票
1 回答
1463 浏览

reactjs - 内联显示 ReactBootstrap 导航栏

我正在使用 react 构建一个网站,并为 Navbar 和 Carousel 应用了 Reactbootstrap。对于页脚 MdBootstrap。

我得到的问题是我的导航栏没有内联显示,并且导航栏和轮播上左右都有一个填充。

有人可以帮我解决这个问题吗?

这是我的 CustomNavbar.jsx 和 CustomNavbar.css:

这里的样子: https ://imgur.com/8B13iB6

0 投票
1 回答
511 浏览

reactjs - 内联显示 mdbootstrap 级联卡

大家好,

我正在使用 react js 建立一个网站。现在我想使用 react js 内联显示三个 mdbootstrap 级联卡。

这里是截图

喜欢代码:(请注意,在此页面上有一个导航栏、视频轮播、级联卡和页脚)。

有人可以帮我吗?

谢谢,

尼科

0 投票
1 回答
399 浏览

html - 动画切换固定顶部导航栏

使用 mdbootstrap 我有导航栏:

它的定位是这样的: 在此处输入图像描述

滚动时,我使用此脚本将“固定顶部”类添加到导航栏:

这可行,但是:我想为原始状态和固定顶部状态之间的过渡设置动画。我尝试将过渡时间设置为 .navbar{} 但它不起作用。我需要将导航栏包装到另一个 div 中吗?