一旦添加了固定道具，VuetifyJS工具栏就会覆盖内容

Question

我需要使用固定的工具栏（带有扩展名）。问题在于，一旦添加了固定道具，工具栏就会覆盖内容。如何将内容放置在工具栏下方？CodePen示例：https：//codepen.io/anon/pen/jpgjyd ？＆ editors = 101

<div id="app">
  <v-app id="inspire">
    <v-toolbar
      color="primary"
      dark
      fixed
      extended         
    >
      <v-toolbar-side-icon></v-toolbar-side-icon>
      <v-toolbar-title slot="extension">Title</v-toolbar-title>
      <v-spacer></v-spacer>

      <v-btn icon>
        <v-icon>search</v-icon>
      </v-btn>
    </v-toolbar>

    <v-layout>
    <v-flex xs1 >
      +++ FIRST LINE +++ 
      [lots of text...]
      </v-flex>
        </v-layout>
  </v-app>
</div>

Answer 1

一种解决方案是增加app至v-toolbar和涡卷V-布局内v-content

<v-toolbar
      app
      color="primary"
      dark
      fixed
      extended         
    >
...
</v-toolbar>
<v-content>
  <v-layout>
  </v-layout>
</v-content>

演示https://codepen.io/ittus/pen/mGdbeN?editors=1010

参考：Vuetify应用程序布局教程