如何在Onsen UI工具栏中使用多个p标签？

Question

我正在尝试在页面底部的Onsen UI工具栏中添加多行文本，在一行文本的下方。但是，当我尝试添加p标签时，只有第一个出现在工具栏上！

[我尝试使用css技术，例如在工具栏内的onsen col上增加高度，等等。尽管这将文本并排放置，但是当我使用标签时，文本会消失，但第一个除外。]

<ons-toolbar style="background-image: none;" class="bottom_toolbar_div">

      <div style="background:green; color:white;" class="center toolbar__center toolbar__title" style="font-size: 11px; font-family: sans-serif; width: 100%;">
       <ons-row>
            <ons-col  >

              <p class="tab-font-11">Payment mode </br> cod</p>
              <p>Change</p>
            </ons-col>


      </div>


    </ons-toolbar>
理想情况下，“付款方式”必须首先出现，在其下方是“鳕鱼”，然后是“更改”

我正在尝试在页面底部的Onsen UI工具栏中添加多行文本，在一行文本的下方。但是，当我尝试添加p标签时，只有第一个出现在工具栏上！我有...

Answer 1

Onsen UI将navigation-bar__title类应用于div内部的ons-toolbar。此类描述以下样式：