如何使用vue材料在导航栏中对齐我的项目？

Question

我想在导航栏中左对齐以下项目：服务，支持和登录。

这是代码：

<md-whiteframe md-elevation = "1" class = "main-toolbar">
  <md-theme md-name = "teal" >

   <md-toolbar class = "navigation md-primary"  >


<router-link class = "nav-link " :to = " { name: 'Home' }">levi</router-link>



    <router-link class = "nav-link" :to = "{ name: 'Product' }">
        Service 
    </router-link> 

         <router-link class = "nav-link" :to = "{ name: 'Support' }">
        Support
    </router-link>

        <router-link class = "nav-link" :to = "{ name: 'Sign' }">
        Sign in
    </router-link>

</md-toolbar>
    </md-theme>

       </md-whiteframe>

上图是它现在的样子。我想左边对齐所有除了levi项目。

Answer 1

在“服务”路由器链接之前添加以下代码：

<v-spacer></v-spacer>