OnsenUI ons-bottom-toolbar align

Question

Why this code is right only for "ons-toolbar"

 <ons-bottom-toolbar>
  <div class="left">
    <ons-icon icon="ion-android-share-alt"></ons-icon>
  </div>
</ons-bottom-toolbar>

How can i do horizontal align without CSS?

Hi Евгений Гедройц, could you be a little more specific for your question? How does it not working as expected? I cannot see clearly what you are trying to achieve. — Trtshen Chaw, Jan 19 '16 at 15:33
@TrtshenChaw not working classes: left(in my example), right, center. This is wrong onsenui for my opinion — Евгений Гедройц, Jan 20 '16 at 06:15

score 4 · Accepted Answer · answered Jan 19 '16 at 02:57

You can use ons-row and ons-col for layout. https://onsen.io/reference/ons-col.html

For example, if you want the left to be 30% and the middle to be 50% and the right to be 20% you can do something like this:

<ons-row>
   <ons-col width="30%"> Left </ons-col>
   <ons-col width="50%"> Middle </ons-col>
   <ons-col width="20%"> Right </ons-col>
</ons-row>

1 Answers1