问题标签 [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.
html - 使用 mdbootstrap 4 进行响应式布局
我正在使用 mdbootstrap4 为 Web 应用程序创建原型 UI。
我一直在努力实现以下目标:
本质上,登录容器会随着屏幕宽度的增加而扩大。随着可用屏幕宽度的减小(在移动设备上),链接和按钮应符合移动 UI 模式:首先是登录按钮,然后是其容器的全宽。我一直试图让它工作,但是链接文本溢出(多行)或按钮的尺寸变得奇怪并且也溢出了文本。
此外,我似乎无法修复响应式排序和对齐。
我的代码:
我一直在努力寻找一个优雅的解决方案。谁能指出我正确的方向?
reactjs - 动态背景图片:元素后
我是新手,我一直在尝试实现我目前定义的视差效果 -
我正在使用 css 提供背景图片 -
}
目前图像是硬编码的我希望它被动态渲染,但经过多次尝试后我无法这样做,我使用下面的样式来添加 css -
但这也无济于事。我在这里遗漏了一些东西。请帮忙。
angular - Angular Material + Bootstrap 与 Angular 的 MDbootstrap 之间的主要区别
我对 Angular 1.x 有一些经验,现在我正在为几个新项目构建堆栈。
- 我想要响应式网格,所以我想使用 Bootstrap。
- 我想使用 Angular,所以我将使用最新的 Angular
- 我想要材料设计...所以我可以选择https://material.angular.io/
...但我找到了https://mdbootstrap.com/angular/,它看起来像是 Bootstrap 和 Material Design 的某种组合,可以与最新的 Angular 一起使用。
我很困惑,我不确定这两种方法之间的主要区别是什么。
html - Bootstrap Navbar Toggle 向上打开?Toggle 不会在单击时关闭?
我正在使用 MDBootstrap(本质上是 Bootstrap 4)导航栏折叠,但是单击元素时切换按钮不会折叠。我已经联系了 MDBootstrap,但似乎无法得到答案。有人告诉我使用 Angular,但我使用的是 JQuery,而且我读过你不应该将这两者混合在一起。另外,我不知道如何将 Angular 整合到我的网站中。我以前使用过 Bootstrap,而且从来不必使用 Angular 来让切换按钮在点击后关闭。这听起来很熟悉吗?
最后,当我单击切换按钮时,它会向上打开而不是向下打开 - 任何人都可以帮助解决这个问题,我希望它向下打开。
我的代码在这里:
image - 引导卡图像仅在平板电脑上消失
我的网站在台式机和移动设备上运行良好,但是当我在平板电脑/ipad 上查看我的网站时,我的卡片图像消失了。我似乎无法弄清楚为什么我正在使用 Bootstrap 4/MDBootstrap 并且它自然响应。我以前从未发生过这种情况。我有一种感觉,我错过了一些简单的东西,但找不到它。我也没有自定义 CSS 文件。我正在使用 MDBoostrap 提供的 CSS。我只做了微小的更改,这些更改是在 HTML 文件中进行的。任何帮助,将不胜感激!
angular - 使用带有角度通用的 mdbootstrap 轮播时组件不加载
我使用了带角度通用的 mdbootstrap 轮播。其余组件工作正常,但我在主屏幕上使用轮播时遇到问题。主页没有加载,但是当我访问不同的页面并再次调用主页时,页面被加载。
我的主页组件 HTML 文件。
任何帮助都感激不尽。
reactjs - 内联显示 ReactBootstrap 导航栏
我正在使用 react 构建一个网站,并为 Navbar 和 Carousel 应用了 Reactbootstrap。对于页脚 MdBootstrap。
我得到的问题是我的导航栏没有内联显示,并且导航栏和轮播上左右都有一个填充。
有人可以帮我解决这个问题吗?
这是我的 CustomNavbar.jsx 和 CustomNavbar.css:
这里的样子: https ://imgur.com/8B13iB6
reactjs - 内联显示 mdbootstrap 级联卡
大家好,
我正在使用 react js 建立一个网站。现在我想使用 react js 内联显示三个 mdbootstrap 级联卡。
这里是截图
喜欢代码:(请注意,在此页面上有一个导航栏、视频轮播、级联卡和页脚)。
有人可以帮我吗?
谢谢,
尼科