jquery-mobile - jQuery Mobileのサブヘッダー？

Question

ヘッダー付きのjQueryMobileポップアップを作成すると、デフォルトはかなりうまく機能します（いつかその丸くない左上隅に対処したいと思います）：

<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;
}