面板Panel

面板 Panel - 图1

  1. <div class="panel">
  2. <div class="title">Panel Default</div>
  3. <div class="content">
  4. <p>Content</p>
  5. </div>
  6. </div>

扩展Extended

带有<small>标签及折叠、关闭功能

面板 Panel - 图2

  1. <div class="panel">
  2. <div class="title">Panel Default<small>Secondary text</small></div>
  3. <div class="content">
  4. <p>Content</p>
  5. </div>
  6. <div class="action"><i data-fold-panel></i><i data-close-panel></i></div>
  7. </div>

自定义风格Custom Style

可以使用自定义风格工具快速创建CSS

面板 Panel - 图3

  1. <div class="panel mystyle">
  2. ...
  3. </div>