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

时间:2015-06-26 15:27:46

标签: semantic-ui

在文档中说它添加一个"附加" 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/

1 个答案:

答案 0 :(得分:1)

您需要的是使用two fluid buttons

指定您拥有的按钮数量
<div class="ui two bottom attached fluid buttons ">

这是你的JSFiddle的一个分支:http://jsfiddle.net/txfLkcjp/1/