MaterializeCSS 中的面板或组框？

Question

MaterializeCSS 中是否有类似 Bootstrap 面板的东西？

Bootstrap 面板在这里： http://www.w3schools.com/bootstrap/bootstrap_panels.asp

Answer 1

最接近 Bootstrap panel 的东西在 Materialize CSS 中称为 card-panel。

示例：

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/css/materialize.min.css" rel="stylesheet"/>
    
<!--Card Panel-->
<div class="card-panel">
    <span class="black-text">A Basic Panel</span>
</div>

干杯

Answer 2

Panel 和 well 在即将推出的 v4.0

中被 bootstrap 所继承

Bootstrap Developer Explains Here..

基本上，卡片是面板的更好替代品，您可以获得相同的结果。

<div class="row">
    <div class="col s4">
        <div class="card darken-1">
             <div class="card-content   ">
                 <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">
                  <a href="#">This is a link</a>
                  <a href="#">This is a link</a>
             </div>
      </div>
</div>

但是，如果您喜欢具有不同标题背景和不同 body 背景的 bootstrap 面板的外观和感觉，那么您必须坚持使用 bootstrap 而不是 materializecss

MaterializeCSS 中的面板或组框？

Panel or group box in MaterializeCSS?

html

css

materialize

twitter-bootstrap