What does class="row" do

Tell us what’s happening:
I am working on the Tribute Page.

I have a question here. What does <div class="row"> do

<div class="container">
  <div class="jumbotron">
    <div class="row">
      <div class="col-xs-12">
        <h1 class="text-center">Dr. Norman Borlaug</h1>

Thanks.

Link to the challenge:
https://www.freecodecamp.org/challenges/build-a-tribute-page

It’s a Bootstrap class. It relates to the Bootstrap grid system.
https://getbootstrap.com/docs/3.3/css/#grid

Why

  <div class="container">
      <div class="row">      
         <div class ="jumbotron">
            <div class="col-xs-12">

and

  <div class="container">
      <div class="jumbotron">      
         <div class ="row">
            <div class="col-xs-12">

shows different grey box?

Thanks again.

@hchen0,
you have to understand that the class row and jumbotron are two different classes in Bootstrap.
Each one has a different meaning.
If you are not familiar with Bootstrap, I would recommend reading up on it, since it uses something that is called the Gird system. This system divides the window of your website into columns.

2 Likes

Thank you. That is the information I looking for. I got a better understanding over “container” and “row” now.