带浮动操作按钮(FAB)的卡

<div class="container">
    <div class="row">
        <div class="col s5">
            <div class="card">
                <div class="card-image">
                  <img src="image.png">
                  <a href="#" class="btn-floating halfway-fab orange btn-large"><i class="material-icons">add</i></a>
                </div>
                <div class="card-content">
                    <h3>This is a card</h3>
                    <p class="flow-text">Cards are really cool for conveying information in a beautiful way.</p>
                </div>
            </div>
        </div>
    </div>
</div>

重要:

  • a.btn-floating.halfway-fab 放入 .card-image 容器内。

这是它的样子: 与 FAB 的卡片