html - 语义 UI float

Question

这里是语义 UI 新手，我无法在文档中的任何地方找到如何(如果可能的话) float 一个简单的元素而不需要它是其他东西(比如按钮或段)。

例如，我在页面底部有一个这样写的步骤导航/计数器:

<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> 在 float 元素对我来说看起来有点奇怪之前，是不是可以只添加像 left floated 这样的类？有脂肪吗？就像我们使用 pull-left 进行引导一样例如……

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

Answer 1

目前在 bootstrap 中没有像 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;
} 

尽管对于您的情况，图标按钮在语义上可能适合这两种元素。