title: How to split Toolbar into two rows for certain screen in sapui5
body: <p>I want to split HeaderToolbar into two rows when my screen width is less then 570px. </p>
  
  <pre><code>&lt;headerToolbar&gt;
  &lt;Toolbar id="dsdfgfanfgjd"&gt;
      &lt;FormattedText class="customPanelHeader" htmlText="customHtml"&gt;&lt;/FormattedText&gt;
      &lt;ToolbarSpacer&gt;&lt;/ToolbarSpacer&gt;
          &lt;Input id="searchFilter" class="searchFilterInput"  placeholder="filter value" value="{/searchFilter}" width="12em" liveChange=".onChangedSearchFilter" valueLiveUpdate="true"/&gt;
          &lt;core:Icon class="searchFilterIcon" size="1.75em" src="sap-icon://search" tooltip="search"/&gt;
  &lt;/Toolbar&gt;                      
  </code></pre>
  
  <p></p>
  
  <p><a href="https://i.stack.imgur.com/EaClT.png" rel="nofollow noreferrer">![Toolbar 
  ]<a href="https://i.stack.imgur.com/EaClT.png" rel="nofollow noreferrer">1</a></a></p>
  
  <p>How i can manange it for small screen. </p>