title: Jquery Mobile NavBar reflow
body: <p>Hi i have this navbar :</p>
  
  <pre><code>&lt;div data-role="navbar" data-theme="c" &gt;
              &lt;ul&gt;
                  &lt;li&gt;
                      &lt;a href="#page1" data-transition="fade" data-theme="b" data-icon=""&gt;
                           text
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#page1" data-transition="fade" data-theme="b" data-icon=""&gt;
                          text
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#page1" data-transition="fade" data-theme="b" data-icon=""&gt;
                           text
                      &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#page1" data-transition="fade" data-theme="b" data-icon=""&gt;
                          text
                      &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
        &lt;/div&gt;
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to add a button "menu" if the screen of the device is to small for shows three button.</p>
  
  <p>Something like this : <a href="http://img30.imageshack.us/img30/8634/o6c5.png" rel="nofollow">http://img30.imageshack.us/img30/8634/o6c5.png</a></p>
  
  <p>I know that I need to add a rule to the css but i don't how
  Please,Thanks you</p>