问题标签 [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 投票
2 回答
302 浏览

javascript - 如何使用 MDbootstrap 和 symfony 在选择列表中添加占位符

基于 MDB 的此文档: https ://mdbootstrap.com/docs/jquery/forms/select/

我创建了这个表格

就像我编码的一样,我想在占位符中看到“选择选择”,但这就是图片中的结果:

在此处输入图像描述

我的问题是我直接看到类类别的结果,但首先我需要看到占位符!

请问有什么解决办法吗?

PS:我的问题与此不重复: How to add placeholder on input in Symfony 4 form?

因为我使用的是 MaterialDesignBootstrap 而不是引导程序,所以我使用了占位符,就像那个问题的回答一样,但不起作用。

0 投票
0 回答
547 浏览

reactjs - NavBar 在 Reactjs 中不工作 MDBootstrap

我尝试从 MDBoostrap (mdbreact) 实现导航栏,但由于某种原因,我无法让它工作。

这就是我的 index.js 文件的样子。

导航栏.jsx:

这是我得到的错误: 在此处输入图像描述

如何在全局级别访问导航栏?我收到一条错误消息"You should not use <Route> or withRouter() outside a <Router>"

请指教。

0 投票
1 回答
624 浏览

css - Switch toggle css 看起来像一个复选框

我正在尝试实现这个例子: https ://mdbootstrap.com/snippets/jquery/bartek-malanowski/517057

但是,似乎没有加载来自 mdboostrap 的 CSS 文件:

结果

我导入了 mdboostrap CSS 和 JS 链接,我有一个带有自定义 css 的自定义 css 文件,但它不工作......你能帮帮我吗?谢谢

和css文件:

0 投票
0 回答
36 浏览

jquery - Mdbootstrap 的输入选择问题

我有问题是:

当我单击输入选择(名称:example1)时,当我单击其他选择(名称:example2)并且exemple1仍然打开时,我看到下拉列表中的项目,所有输入都关闭了..

我知道你不太了解我,所以这是一个视频来说明我的问题: 视频说明我的问题(视频 vimeo)

请问如何解决这个问题?

0 投票
1 回答
249 浏览

javascript - 为呈现的 MDBootrap 元素覆盖 CSS

我正在使用 MDBoostrap(类似于 Bootstrap)在 React 应用程序中设置我的元素样式。现在我有一个选择元素,如下所示。

当它渲染时,它会生成一些这样的 HTML。 在此处输入图像描述

我试着做这样的事情。

如您所见,即使我在我的 React 代码中应用classNamestyle元素,它也不会影响,因为主 UI 被渲染/翻译为input元素ul。关于如何通过覆盖(或添加额外样式)来应用我自己的 CSS 的任何想法?

0 投票
3 回答
36308 浏览

angular - 如何从我的 Angular 项目中删除 Bootstrap?

我正在尝试在我的 Angular 项目中使用 Material Design Bootstrap (MDB)。但是,当我使用角度引导组件时,标准引导程序似乎会干扰样式。

在此处输入图像描述

从我的角度项目中完全删除引导程序的最佳方法是什么,以便我的组件仅由角度引导程序设置样式?

编辑

角.json

包.json ,

0 投票
1 回答
456 浏览

css - 我在 div 中的最后一个元素溢出,所以只有一半的元素是可见的

我正在为移动浏览器准备我的网站,所以我在 Chrome Dev Tools 上测试了320 x 568大小,我遇到了这个问题。

我的按钮元素位于 div 的底部,但按钮的一半可见,另一半不可见。

情况截图

我尝试设置背景样式(背景大小等),但更改并没有解决问题。

克服此问题的基本文档/建议是什么?

父级

孩子

完整代码

导致“查看”类 CSS 的问题

PS:正如您在屏幕截图中看到的,我提到的“div 的结尾”不是页面的结尾,而是另一个 DIV 开始。但是我的按钮从上面的 div 溢出,只有一半是可见的

0 投票
0 回答
32 浏览

javascript - 如何使用 datepicker 正确设置日期?

我有 3 页:

一旦我在注册页面上注册了所有值,然后转到我看到所有结果的页面,显然我设置了一个值的日期,到目前为止没有什么奇怪的,当我进入信息页面时产品的,在这里我可以更改产品的值,通过一个while循环我得到该产品的所有信息。

问题从这里开始,我有关于我的产品的信息:

例子:

总结一切,我有这些值并且我在单个产品的信息页面上,这个页面允许我能够修改产品的值。

如果我只更改名称,而不是更改日期,自动更改注册期间设置的正确格式的日期,在数据库中更改我:00/00/0000

每次我想更改单个产品中的值时,我都必须再次选择日期,即使它完全正确并插入到数据库中,从 while 循环中可见,我不明白为什么

日期选择器代码:

首次注册产品前的图片: 图片

更新代码:

0 投票
0 回答
62 浏览

html - 如何防止我的 td 堆叠在彼此下方?

当屏幕尺寸变小时,我试图让表格响应。它是 col-6 内的一个表响应类,但是当屏幕变小时,td 和 th 会相互堆叠。我希望表变小,或者以某种方式变宽。

我尝试了一些引导响应类,但在桌子上似乎很难。

我希望表格宽度随屏幕调整大小,但显然 col-6 使内容堆叠在彼此下方。

这是问题的图片 在此处输入图像描述

0 投票
1 回答
2827 浏览

html - 引导表排序不适用于所有列

我有一个从 .ts 中的数组创建的表。当您单击标题时,我正在使用引导程序对表格进行排序。这适用于 2 列,但不适用于其他 2 列。数组中的所有数据都是一个字符串,它们看起来都一样。

HTML

.ts

这是问题的一个例子。当您单击标题时,它会对前两列 ( Colour& Variant) 进行排序,但不会对第三和第四列进行排序。

为什么要这样做?而且,我如何让它对所有列进行排序?