ExtJs默认对齐是对的

Question

我在Extjs中创建一个示例，默认情况下面临一个问题，所有元素都是右对齐的。 我的代码     

 Ext.define('DemoApp.view.main.Main', {
    extend: 'Ext.container.Container',
    plugins: 'viewport',
    fullscreen: true,
    requires: [
        'DemoApp.view.main.MainController',
        'DemoApp.view.main.MainModel',
        'Ext.menu.',
        'Ext.rtl.'
    ],
    rtl: true,
    xtype: 'app-main',

    controller: 'main',
    items:[{
        xtype: 'toolbar',
        items:[{
            xtype: 'button',
            text: 'Home',
            margin: '0,0,0,0',
            height: '80'
        },{
            xtype: 'button',
            text: 'Resellers',
            margin: '0,0,0,0',
            height: '80'
        },{
            xtype: 'button',
            text: 'Organizations',
            margin: '0,0,0,0',
        },{
            xtype: 'button',
            text: 'Groups',
            margin: '0,0,0,0'
        },{
            xtype: 'button',
            text: 'Users',
            margin: '0,0,0,0'
        },{
            xtype: 'button',
            text: 'Surveys',
            margin: '0,0,0,0'
        },{
            xtype: 'button',
            text: 'Alerts',
            margin: '0,0,0,0'
        },{

            xtype: 'button',
            text: 'Settings',
            margin: '0,0,0,0'
        }]
    }]
});

在我看来，同样的问题。 在登录视图中，错误消息显示在右上角，其中textfield在左下角。 我无法找出原因吗？