[Vuejs]-How do I right align links in the navigation bar of my Vue.js project?

by

3👍

✅

Add flex:1 to the style of your levi link.

<md-toolbar  class = "">
  <router-link class = "nav-link " :to = " { name: 'levi' }" style = "color:white; text-decoration: none; flex: 1">levi</router-link>
  <router-link id = "nav"class = "nav-link" :to = "{ name: 'Product' }" style = "color:white; text-decoration: none;">
    Product
  </router-link> 
  <router-link id = "nav" class = "nav-link" :to = "{ name: 'Support' }" style = "color:white; text-decoration: none;">
    Support
  </router-link>
</md-toolbar>

Updated fiddle.

👤Bert

Leave a comment