Как выровнять кнопку прямо в Материализации карты-экшн

Question

Я использую Materialize, и мне нужно выровнять кнопку по правой стороне карты в действии карты.

Это код:

<div class="card-action">
  <a href="#" class="right">This is a link</a>
</div>

Эторезультат:

Если я удалю class="right", то получу такой результат:

Я хочу получить результат от второго изображения, за исключением того, что кнопка должна быть выровнена вправо.Я что-то упускаю из-за материализованной карты?Как я должен получить это поведение?

Answer 1

Вам просто нужно упомянуть о выравнивании ниже:

<div class="card-action right-align">
   YOUR CONTENT WILL ALIGHT TO RIGHT
</div>

Answer 2

Это должно быть right-align вместо right, и вы должны использовать его на card-action div.Вы можете проверить классы выравнивания на странице Помощник документации.

<div class="row">
    <div class="col s12 m4">
        <div class="card blue-grey darken-1">
            <div class="card-content white-text">
                <span class="card-title">Card Title</span>
                <p>I am a very simple card. I am good at containing small bits of information. I am convenient because I
                    require little markup to use effectively.</p>
            </div>
            <div class="card-action right-align">
                <a class="btn blue" href="#">Right</a>
            </div>
        </div>
    </div>
</div>