jquery-mobile - jQuery Mobile 中的子标题？

Question

创建一个带有header的jQuery Mobile 弹出窗口，默认效果很好（我想有一天解决那个非圆形的左上角）：

<div data-role="header">
  <h1>Useful Header</h1>
</div>

添加子标题的正确方法是什么？子标题，我的意思是像标题一样的文本，但更小，可能在标题和子标题之间有一个小的边距。

谷歌没有多大帮助，这种天真的尝试失败了：

<div data-role="header">
  <h1>Useful Header</h1>
  <h6>Simple Sub-header</h6>
</div>

Answer 1

这是一种使用 CSS 获得所需布局的方法：

<div data-role="header">
  <h1>Useful Header</h1>
  <p class="popup-subheader">Simple Sub-header</p>
</div>

.popup-subheader {
  text-align: center;
  margin-top: -5px;
  margin-bottom: 6px;
  font-size: smaller;
  font-weight: normal;
}