# Bootstrap row isn't displaying for some reason

**URL:** <https://forum.freecodecamp.org/t/bootstrap-row-isnt-displaying-for-some-reason/159784>\
**Category:** General\
**Created:** [November 19, 2017, 12:31am UTC](https://forum.freecodecamp.org/t/bootstrap-row-isnt-displaying-for-some-reason/159784 "2017-11-19T00:31:34Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![kyleshamblin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kyleshamblin/32/161028_2.png) [@kyleshamblin](https://forum.freecodecamp.org/u/kyleshamblin)\
**Post date:** [November 19, 2017, 12:31am UTC](https://forum.freecodecamp.org/t/bootstrap-row-isnt-displaying-for-some-reason/159784/1 "2017-11-19T00:31:34Z")

</div>

For some reason, my row with a paragraph isn’t displaying on the page. Only the header area and blank page. I’m not sure what I’m doing wrong. Any suggestions would be awesome!

Thanks,  
Kyle

> **[Kyle's Portfolio](https://codepen.io/kyleshamblin/project/full/XrVOwv/)**
>
> ...

```auto
<!DOCTYPE html>
<html lang="en">
<head>
  
  <!-- Meta -->
  <meta charset="UTF-8" />
  <title>My Portfolio Site</title>
  
  <!-- Styles -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css>
  <link rel="stylesheet" type="text/css" href="styles/style.css">
<body style="background-color: #581845;>  
  <div class="row">
    <div class="col-md-12 bg-primary fixed-top">
      <div class="mx-auto col-md-9 navbar bg-primary">
        <a class="nav-item mr-auto" href="#top"><img src='//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/freecodecamp/original/3X/8/7/8747f59767345ed5fcdd23436270b8fff12ab150.jpg' style="max-height:5em"></a>  
        <a class="nav-item nav-link text-white" href="#about">About</a>
        <a class="nav-item nav-link text-white" href='#portfolio'>Portfolio</a>
        <a class="nav-item nav-link text-white" href='#contact'>Contact</a>
      </div>
    </div>
  </div> 

  <div class="row">
    <div class="col-xs-12 bg-light">    
      <p>Musician, creator, and student of web development. My hope is to help bridge the technological gap for authors, artists, and other creative beings to bring awareness to their work.</p>                                                       
    </div>
  </div>   
</body>
</html>

```

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [November 19, 2017, 12:47am UTC](https://forum.freecodecamp.org/t/bootstrap-row-isnt-displaying-for-some-reason/159784/2 "2017-11-19T00:47:36Z")

</div>

It’s probably behind the navbar. Try adding some top padding to your `<body>` element.  
Relevant: [https://getbootstrap.com/docs/4.0/components/navbar/#placement](https://getbootstrap.com/docs/4.0/components/navbar/#placement)

A bit off-topic, but you’re missing double quotes on the second `<link>`'s `href` attribute, and the `<body>`'s `style` attribute. The closing `</head>` tag is also missing.

---

<div class="post-metadata">

**Author:** ![kyleshamblin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kyleshamblin/32/161028_2.png) [@kyleshamblin](https://forum.freecodecamp.org/u/kyleshamblin)\
**Post date:** [November 19, 2017, 4:22am UTC](https://forum.freecodecamp.org/t/bootstrap-row-isnt-displaying-for-some-reason/159784/3 "2017-11-19T04:22:40Z")

</div>

Thanks! The link came in handy. I changed the class to sticky-top and it solved the problem. You were right, it was hidden behind the navbar!

---

<div class="post-metadata">

**Author:** ![Wookies-Will-Code](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/wookies-will-code/32/69296_2.png) [@Wookies-Will-Code](https://forum.freecodecamp.org/u/Wookies-Will-Code)\
**Post date:** [November 20, 2017, 10:44pm UTC](https://forum.freecodecamp.org/t/bootstrap-row-isnt-displaying-for-some-reason/159784/4 "2017-11-20T22:44:30Z")

</div>

@kevcomedia got you on this.  
But the color in your editor is a dead give away that the prior element is not completed properly, which will cause some problems.

![image](https://global.discourse-cdn.com/freecodecamp/original/3X/e/8/e8a92ff7aa44ed23c12049ae50366af688ee4a93.png)

![image](https://global.discourse-cdn.com/freecodecamp/original/3X/7/1/71743a9240bd24c00da02a04375fa7fd60e4de48.png)

Cheers,  
-WWC

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:34pm UTC](https://forum.freecodecamp.org/t/bootstrap-row-isnt-displaying-for-some-reason/159784/5 "2021-01-17T20:34:12Z")

</div>

Closed on January 17, 2021, 8:34pm UTC


