问题标签 [semantic-ui]

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 回答
12971 浏览

css - 如何使侧边栏在语义 UI 中始终可见

如何使侧边栏在语义 UI 中始终可见?只需添加“活动”css 类即可,但会打乱页面布局。

There is a working example on js小提琴

0 投票
3 回答
4813 浏览

css - 如何使用 Semantic-UI 配置页面以显示正确的字体类型?

我刚刚下载了 Sematic-UI 并安装了如下文件。

这是我的 index.php 的内容

这是浏览器上显示字体的屏幕截图。 在此处输入图像描述

我相信,正确的字体类型应该与 LIKE IT 按钮的字体类型相同。

我现在的理解是我不必对字体文件夹进行任何配置,我只需链接到语义.min.css,sematic.min.css 本身就是指字体文件夹。

我已经使用浏览器弹出菜单的查看源代码测试了链接 sematic.min.css、jquery.min.js、semantic.min.js,没有任何损坏。

请帮忙。谢谢。

0 投票
3 回答
9762 浏览

html - Semantic-UI - 如何以百分比设置大小

几天前我发现了语义 UI,我必须说它令人印象深刻,我现在正试图将我的应用程序从 Bootstrap 3 转换为语义 UI。

这里需要一点帮助,我想做的是将页面主体分成两部分。我想以 % 为单位获得 2 个 div 的高度。85% 和 15% 使其成为完整的 100%。但由于某种原因,它不起作用。

难道我做错了什么?这在引导程序中有效。有人可以解释一下吗?

在此先感谢,普拉尼

0 投票
1 回答
2100 浏览

angularjs - 在我的 Angular js 中包含语义 UI

我是语义 UI 的新手。我正在尝试将内置的语义 UI 类包含到我的代码中。语义文件夹包含如此多的内置类。

1. 如何找到我的类将关联到哪个 css 文件?2. 在一些示例中,我看到类名如 - div class="ui large blue icon button" 。在这种情况下,我如何找到这些变化,如蓝色、浮动?

谢谢,萨巴里

0 投票
2 回答
5256 浏览

semantic-ui - Semantic UI and overflow

I am trying (with no success) use Semantic UI for application layout with list on the left that fills height of browser and scrolls its content AND form on the right that is fixed.

In pure HTML/CSS I would do it like this jsFiddle: http://jsfiddle.net/yoorek/qFFvY/

#xA;

CSS:

#xA;

I tried use Semantic UI Grid system and overflow+position:absolute list panel but it gets crazy Also putting Semantic UI components into layout from Fiddle makes lots of problems with inner components.

So, QUESTION: Is there a way to use Semantic UI CSS classes with extra styling to achieve responsive application layout with one list that fills height of browser and hides content with vertical scroolbar?

0 投票
1 回答
2056 浏览

menu - 语义ui中的垂直二级指向菜单:如何绑定到h2部分?

我正在将旧代码移植到语义 ui,这非常好。我正在尝试重现他们在所有文档中使用的垂直侧菜单的行为(垂直辅助指向菜单)。例如,请参阅此页面上的左侧菜单(“类型”、“组”等):

http://semantic-ui.com/elements/button.html

单击菜单项会使页面滚动到指定的部分,我无法重现此行为。我在条目中看不到任何href。可能有一些东西超出了我的(非常经典的)HTML/Javascript 知识。我想有一个像这样的简单示例以相同的方式工作(“peek”类基本上将菜单粘贴在左侧):

如果我只在标题中包含语义.min.js 和语义.css,这将不起作用。所以我知道在这种情况下没有预定义默认行为。会不会有好心人来帮助我在语义 UI 中使用所需的 CSS/Javascript?

提前谢谢了,

伊冯尼克

0 投票
3 回答
19268 浏览

semantic-ui - 在语义 UI 中使用选项卡控件

我正在尝试使用semantic-ui建立一个网站。我喜欢我看到的很多东西。但是,我试图只创建一个选项卡控件。为了做到这一点,我想我抓住了概述页面上的代码。但是,正如我的jsfiddle 所示,选项卡行为无法正常工作。这是我的标签代码示例:

我究竟做错了什么?

0 投票
2 回答
6279 浏览

javascript - 将按钮附加到语义 UI 侧边栏

我正在尝试在semantic-ui.com 上制作一个类似的简单侧边栏,但我希望它位于右侧。看起来很简单,除了让按钮附加是我最大的问题。你可以在 jsfiddle 看到它,有点工作..... HTML:

JS:

http://jsfiddle.net/6Ltv4/

0 投票
3 回答
8265 浏览

html - 如何更改语义 UI 侧边栏的默认宽度?

Semantic-ui 侧边栏为 275px 宽。我应该在哪里添加使它们更宽或更窄的 css/js?

他们的代码是

如果我修改它,那么更改对于所有侧边栏都是全局的。如果我更改其内容的宽度,semantic-ui 会忽略我的更改并使用默认的 275px 覆盖它。

您可以在此处找到侧边栏示例:http: //semantic-ui.com/modules/sidebar.html#/examples

0 投票
4 回答
19665 浏览

javascript - Semantic-UI 动态下拉菜单

语义 ui 下拉菜单有问题。
我一直在使用 Semantic-Ui,并希望动态更改下拉项。也就是说,当我从第一个下拉列表中选择值时,第二个下拉列表的项目将会改变。但问题是,更改项目时,无法选择第二个下拉列表,值不会改变。下拉菜单不会倒塌。

HTML
第一个下拉菜单

第二个下拉菜单

......................
jQuery