为什么我的CSS网格不使用为行指定的百分比？

我正在使用CSS网格制作一个简单的投资组合网站。除了行的高度，其他所有东西都在工作。它们都与我在CSS中指定的不同。其余的CSS和HTML都可以。我已经使用了一些Bootstrap超大型飞机。他们会覆盖我的CSS网格代码吗？

    .grid-container {
  display: in-line grid;
  grid-template-columns: repeat(3, 33%);
  grid-template-rows: 6 (5% 5% 40% 10% 35% 5%);
  grid-gap: 0em;
  grid-template-areas:
    "header header header"
    "nav1 nav1 nav1"
    "art1 art1 art1"
    "kdesc kdesc kdesc"
    "portfolio portfolio portfolio"
    "footer footer footer";
}