语义UI浮动

2016-10-10 61 views 1 likes

语义UI新手在这里，我找不到文档中的任何地方（如果可能的话）浮动一个简单的元素，而不是其他东西（如按钮或片段）。语义UI浮动

举例来说，我在一个页面中的一步导航栏的底部/计数器，写像这样：

<div class="row three column"> 
    <div class="column"> 
     <br> 
     <p class="ui left floated compact basic segment stepper">Step 2 of 3</p> 
     <a class="ui right floated compact basic segment stepper">Go back</a> 
    </div> 
</div>

旁边的事实，having to place a <br>浮动元素之前看起来有点怪我，不是吗”是否可以添加像left floated这样的课程，并让事情发生？就像我们用pull-left举例说明的那样...

如果我理解的很好，segment是用于对相关内容进行分组（相应地，语义上对应于HTML5 <section>标签）。因此，在这种情况下使用segment似乎有点矫枉过正 - 如果没有语义错误的话。

来源

2016-10-10 Buzut

回答

目前在引导程序中没有像pull-left这样的全局实用程序。例如，当在SUI代码中定义right float时，它总是与诸如按钮，分段，列表等元素相关联。

您可以简单地定义自己的全局实用程序，而无需“过度杀伤”与任何SUI元素：

div [class*="left floated"] { 
    float: left; 
    margin-left: 0.25em; 
} 

div [class*="right floated"] { 
    float: right; 
    margin-right: 0.25em; 
}

虽然您的情况，一个图标按钮，可能是语义上适合这两个元素。

来源

2016-10-10 17:51:08 Sarthak

这是一个明确的！我将在我的样式表中添加这些。当你习惯于用框架做某些事情，而在另一个框架中找不到相同的逻辑时，有时候会感到困惑。 – Buzut

顺便说一句，一个图标可能确实适合，但设计师去了另一条路径;） – Buzut

也许没有这个实用工具的原因之一是，SUI的作者试图保持所有元素可单独下载。实现全局实用程序也可以下载一个全局文件（或者更少运行在多个文件中重复相同代码的风险） – Sarthak

语义UI浮动

回答

相关问题