问题标签 [semantic-ui-css]

我正在尝试使标准页眉/内容/页脚页面正常工作。

我在内容 div 中有 jquery 分隔符，但似乎无法确保 div D 的最小宽度。

这是迄今为止我最接近的解决方案。如果可以使用 Semantic-UI 干净地完成，将不胜感激。

谢谢！

我正在开发一个反应应用程序，我最近开始使用语义 ui 反应模块。

不幸的是，我无法使 Tab 对象响应...

显示这一点的一个非常简单的脚本是：

选项卡看起来很棒，内联，但如果我缩小屏幕，它们就会溢出，而我原以为它们会移动到第二行。

看起来这来自我正在使用的 Selenium-ui css ( https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.css )。当前版本是 2.3.1 但如果我回去使用 2.0.0 之前的版本，它是响应式的.. 有没有办法获得与新版本相同的行为？

谢谢，米歇尔。谢谢，米歇尔。

所以现在我遇到了这样设置我的 webpack 配置的问题

我得到的错误是

我知道我需要为此导入添加规则我只是不确定我是 webpack 的新手并且找不到任何引用这种类型的东西，而且这个 @import 存在于语义 UI-css 包中

我是 webdev 的新手。我正在尝试使用语义 ui 来构建一个简单的门户网站。

我在使用侧边栏组件时遇到问题。我希望侧边栏的行为像这个页面 https://adminlte.io/themes/AdminLTE/index2.html一样 ，当侧边栏显示/折叠时，正文内容会缩小/展开。

但是无论我在 semantic-ui 的侧边栏（推送/缩放）上选择什么设置/转换方法，身体的某些部分都会移出屏幕。我只想让内容在不超过视口宽度的情况下缩小和扩大。这是我的代码的 jsfiddle显示问题： https://jsfiddle.net/vinu_tlg/L5eqt3f4/

谁能让我知道如何在语义 UI 中实现这种行为。

之前有一个类似的问题， 但我没有看到任何关于如何实现它的答案。

感谢任何指针。提前致谢。

我想有选择地semantic-ui-css在我的组件中使用类。问题是我使用 PostCSS modules 选项，该选项在本地限定特定组件的所有类名。当我使用semantic-ui-react组件（例如按钮）时，它会button使用 classes呈现元素ui button，但包含的 css 会在本地范围内，所以button我得到button-min_ui__14RRq

我需要做两件事之一：

1. 导入 Semantic-ui css，而类不在本地范围内
2. 使 Semantic-ui 组件使用在本地范围内的类

现在我看到我只有一个选择：

我明确说明了按钮要使用的类。它可以工作，但我必须对每个元素都这样做，并且它保留默认类。所以我得到ui button button-min_ui__14RRq button-min_button__Uio9b

有没有办法在不保留默认类的情况下做到这一点？

所以，我正在尝试将语义 UI 模式组件与表单组件一起使用。

我的问题是，如果我将这两个一起使用，UI 会变得很糟糕。

我创建了一个关于我当前情况的沙箱：https ://codesandbox.io/s/2n1pj96ry

正如您现在看到的，提交按钮没有附加到表单上。如果我将Form组件直接移动到组件内部Modal，如下所示： 提交 <Modal...> <Form> ... </Form> </Modal> 将附加到表单，但 UI 会崩溃。

我尝试向这些组件添加不同的类（就像组件一样ui modal，Form但效果不佳）。

你有什么建议吗？

谢谢你的帮助！

我正在使用 Semantic-UI（使用 Codeigniter，没有 React 或任何超出常用的东西）来验证表单。 这是语义 UI 初始化代码：

我希望错误消息显示在正确的输入字段中，并且我已经包含了semantic.min.js和semantic.min.css文件（在其他类似的问题中，我发现这可能是我的问题的原因，但事实并非如此），但每次我提交表单时，我都会得到这个错误：

过渡：元素不再附加到 DOM。无法动画。在生产中使用静默设置来消除此警告。缩小

我无法理解这个错误，任何形式的建议都将不胜感激。谢谢你们！

已导入所有 Semantic-Ui 文件。

提交时的错误信息：

过渡：元素不再附加到 DOM。无法动画。在生产中使用静默设置来消除此警告。缩小

我正在尝试语义 UI。我想制作一些带有统计信息的管理面板卡，但我有一个问题，如果我更改列内数字的字体大小，它会溢出段......与卡片相同。

这是我的html：

属于html的Css：

这是结果：

我需要帮助。我的项目在语义 UI 上，但我的项目中需要使用引导图标（https://icons.getbootstrap.com/）。但我无法将 svg 信息直接复制到代码中，因为可读性因素。相反，我正在寻找一些 CSS 备忘单类的 Bootstrap 图标，例如 ( <i class="cat icon"></i>)。只是想知道是否有人创建了 Bootstrap CSS 图标备忘单，或者我们是否有任何解决方案。此外，我无法下载 SVG 图像并将其包含在 img 标签中。请帮我

我想将 API 结果中的“食物名称”更改为下拉菜单。当我从“食物名称”（来自 API 结果）中选择一个值时，“服务”下拉列表中会填充选项。

工作 - API 结果格式：

工作 - 填写“服务”下拉菜单：

这就是我想要获得的：

不工作 - 服务下拉列表未填充：

HTML是这样的：

这是 API 的 javascript（正在运行的版本）：

在 Semantic UI 中有两种类型的下拉菜单，我都尝试过：

下拉类型 1

下拉类型 2