问题标签 [semantic-ui-css]

我正在尝试使用Webpack + Semantic UI但没有成功。我试过...

1. npm i semantic-ui-css
2. 在我的index.js..import semantic from 'semantic-ui-css'

3. 我将配置添加到我的webpack.config.js

   /li>

但是当我尝试构建...错误..

./src/index.js 中的错误找不到模块：错误：无法解析 /Users/ridermansb/Projects/boilerplate-projects/vue/src @ ./src/index.js 15 中的模块“sematic-ui-css”： 20-45

完整来源在这里

首先我下载了​​semantic-ui，然后我尝试了一个npm install，但他们都没有创建更少的文件。如何获取语义 UI 的更少文件并且语义 UI 仅使用较少而不使用 sass 和手写笔？

我是一个新手，想问一下如何自动为语义ui的Less文件添加前缀？根据文档，

我是 Semantic-UI 的新手。在 Foundation 6 中使用 SASS 编辑 _settngs.scss 以进行自定义。Semantic-UI 中等效的 LESS 文件是什么？

我试图简单地在一行中显示一个文本输入字段和一个带有语义 ui 的按钮。由于某种原因，元素没有正确对齐，我无法弄清楚负责此问题的 css 属性：

代码笔

更新：更正了最后一个 div 的结束标记。

我想将自己的样式添加到框架中。

我尝试了一些选项，比如!important在 css 中，也直接在类和标签上应用 css，但它不起作用。

我试图在我的网站上同时拥有顶部固定菜单和左侧垂直菜单。我真的希望两者都被修复，但是如果我开始滚动，那么左侧垂直菜单将在顶部菜单下方向上滑动，如下面的代码和 jsfiddle 所示：

https://jsfiddle.net/318ruL3j/2/

如果我使用固定的垂直菜单，则第一项隐藏在顶部菜单下方，如下面的代码和 jsfiddle 所示：

https://jsfiddle.net/z5vozbts/2/

我希望我正在尝试做的事情是有意义的。有谁知道我如何才能拥有这两个固定菜单而不会重叠我的项目？

这是关于语义-ui css 的渲染行为。

在 HTML 页面（称为 index.html）中，我有一个类似这样的 postloader：

这将填充这个 DOM 元素的内容：

它实际产生的是：

问题是，javascript 加载的内容没有以全宽呈现（从行类继承）。它在语义类语言中只有一两列宽。但是，如果我静态填充内容（使用与通过 Javascript 函数生成的相同的 DOM 结构进行硬编码），它将以完整的方式呈现。我使用 FF 和 Chrome 进行开发。

因为到目前为止它是纯 CSS，不应该新的动态加载元素的行为与静态元素完全相同吗？

我想要做的是以下几点：

计算机上的输出很好，在移动设备上也很好 - 但是 item3 不可见。如果我添加 item4,5...n 它们也会被隐藏。

我在这里做错了什么，还是一个错误？

提前致谢！

对于计算机大小的屏幕，我在左侧有一个额外的列来显示一些可选内容。当屏幕尺寸低于 991px 的断点时，该列会使用语义 UI 的本机 css 类隐藏。在这种情况下，包含主要内容的列应以全宽显示。我想知道是否有一种“本机”语义用户界面方式来实现这一目标？