1 <div data-role="page" id="genlist-bubble" data-add-back-btn="true">
2 <div data-role="header" data-position="fixed">
3 <h1>BUBBLE LIST (MESSAGE BUBBLE)</h1>
5 <div data-role="content">
6 <ul data-role="listview" data-style="bubble">
7 <li class="ui-li-bubble-receive">short receive<span class="ui-li-bubble-time">9:20 PM</span></li>
8 <li class="ui-li-bubble-sent">But I have no choice. I have a big exam tomorrow. (bubble sent)<span class="ui-li-bubble-time">9:26 PM</span></li>
10 <li class="ui-li-bubble-receive">Don't worry... I'm free. You're gonna get sick. (bubble receive)<span class="ui-li-bubble-time">9:30 PM</span></li>
11 <li class="ui-li-bubble-date"><span style="">2010. 05. 20 (bubble date)</span></li>
12 <li class="ui-li-bubble-sent">Sorry I'm late. (bubble sent)<span class="ui-li-bubble-time">9:26 PM</span></li>
13 <li class="ui-li-bubble-receive ui-li-bubble-sos">Don't worry... I'm free. You're gonna get sick. (bubble sos)<span class="ui-li-bubble-time">9:30 PM</span></li>
14 <li class="ui-li-bubble-receive"><p>Picture test</p><img src="list-bubble-sample1.png" /><span class="ui-li-bubble-time">9:40 PM</span></li>
17 <div data-role="footer">