如何在OnsenUI中的两个按钮之间放置空格

Question

我无法在两个按钮之间放置空格。我也试过没有ons-row和ons-col

代码：

<ons-template id="page2.html">
    <ons-page>
        <ons-row>
            <ons-col >
                <ons-button id="show-loading" type="button" class="button button--large" ng-click="showLoading()">Show
                    Loading
                </ons-button>
            </ons-col>
        </ons-row>
        <ons-row>
            <ons-col >
                <ons-button id="uniqueDeviceShow" type="button" class="button button--large"
                            ng-click="uniqueDeviceShow()">Unique Device ID
                </ons-button>
            </ons-col>
        </ons-row>
        <ons-row>
            <ons-col >
                <ons-button id="barcodeScan" type="button" class="button button--large" ng-click="barcodeScan()">Barcode
                    Scan
                </ons-button>
            </ons-col>
        </ons-row>
        <ons-row>
            <ons-col >
                <ons-button id="fileMake" type="button" class="button button--large" ng-click="fileMake()">File Make
                </ons-button>
            </ons-col>
        </ons-row>
        <ons-row>
            <ons-col >
                <ons-button id="fileUpload" type="button" class="button button--large" ng-click="fileUpload()">File
                    Upload
                </ons-button>
            </ons-col>
        </ons-row>


        <ons-modal var="modal">
            <ons-icon icon="ion-load-c" spin="true"></ons-icon>
            <br><br>
            Please wait.<br>Loading...
        </ons-modal>

    </ons-page>
</ons-template>

这是我的OnsenUI

我尝试做类似离子UI的事情

注意：如果我使用<br>然后两个按钮之间的ui按钮空间确定它在iOS中运行良好但不是android。我该怎么办？