Jquery 如何实现宽度小于窗口的列表视图？

我正在使用jquerymobile。我想实现如图所示的列表视图。您能建议我实现此列表视图的最佳方法吗？此列表视图的宽度小于窗口宽度

这是我的小提琴

---

override.ui listview，但它看起来与图片中的不一样。实际上，我想我需要添加cssOmar，你能帮我只做一行吗？其次，我想在弹出屏幕上添加正确的交叉按钮，这个按钮在jquerry mobile中可用吗？返回和关闭按钮在标题上相同jquerry mobile上有可用的按钮吗

<div data-role="page" id="foo">
    <div data-role="header" style="background: green;">
            <h1>Wbservice</h1>

    </div>
    <!-- /header -->
    <div data-role="content"></div>
    <!--pop up screen-->
    <div data-role="popup" id="webservice" data-close-btn="none">
        <div data-role="header" style="background: green;">
             <h1>Wbservice new/edit</h1>

        </div>
        <div data-role="content">
            <input name="webserviceName" value="" type="text" autocapitalize="off" placeholder="Name the web Service" />
            <input name="Address" value="" type="text" autocapitalize="off" placeholder="Address of webservice" />
            <div class="tooltip_arrow"></div>
        </div>
    </div>
    <!-- /content -->
    <div class="customFooter" data-role="footer">
        <img src="http://placehold.it/42x42" id="Test" />
        <img src="http://placehold.it/42x42" />
         <h4>Page Footer</h4>

    </div>
    <!-- /header -->
</div>
<!-- /page -->