如何使用 Semantic-UI 将按钮组附加到卡片

Question

在文档中它说要添加一个 "attached" class，它适用于单个按钮但是如何用按钮组做同样的事情？

我也尝试添加一个 "fluid" class 但按钮是一个在另一个上

谢谢

<div class="ui card">
  <div class="content">
    <div class="header">Elliot Fu</div>
    <div class="description">
    Elliot Fu is a film-maker from New York.
   </div>
  </div>
     <div class="ui bottom attached buttons ">
        <div class="ui labeled icon button">
          <i class="pause icon"></i>
          Pause
        </div>
        <div class="ui right labeled icon button">
          <i class="right arrow icon"></i>
          Next
        </div>
     </div>
</div>

http://jsfiddle.net/vwynd2v9/5/

Answer 1

你需要的是指定你有多少个按钮，two fluid buttons

<div class="ui two bottom attached fluid buttons ">

这是您的 JSFiddle 的分支：http://jsfiddle.net/txfLkcjp/1/

如何使用 Semantic-UI 将按钮组附加到卡片

How to attach a button groups to a card with Semantic-UI

semantic-ui