在实现中更改卡片视图的大小

Question

我正在使用materializecss框架，我想知道如何更改其中的组件的大小，例如，我正在使用可悬停的卡片视图，并且要将其宽度调整为400px，这是我正在使用的代码

<div class="card hoverable small">
          <div class="card-image">
            <img src="images/sample-1.jpg">
            <span class="card-title">Card Title</span>
          </div>
          <div class="card-content">
            <p>This is simple card.</p>
          </div>
          <div class="card-action">
            <a href="#">This is a link</a>
          </div>
    </div>

`

Answer 1

如果你想card有400px宽度在整个项目比

加

.card {
 width:400px;
}

要么

如果您只想在card需要的时候使用400px宽度，而不是给我一个card我在代码段中给出的类，然后添加css

.card-small {
     width:400px;
    }

检查代码段。

.card {
 width:400px;
}

.card-small {
     width:400px;
    }