Question: I am new to bootstrap and I am attempting to learn the basics. However, I have put a color background for the div and it is only appears when I have resize the browser. Here is my code:

```
<html>
<body>
    <div id="header">
         <div class="col-md-8"><img src="images/logo.png"></div>
         <div class="col-md-4">
             <br />
             <br />
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
             <p>
                 <a href="#">HOME</a>
                 &nbsp; &nbsp; &nbsp; 
                 <a href="#">SERVICES</a> 
                 &nbsp;&nbsp;&nbsp; 
                 <a href="#">NEWS</a> 
                 &nbsp;&nbsp;&nbsp; 
                 <a href="#">CAREERS</a> 
                 &nbsp;&nbsp;&nbsp; 
                 <a href="#">CONTACT</a>
             </p>
         </div>
    </div>
</body>
</html>

.container {
    margin:0px;
    padding:0px;
}           

#header{
    background-color:#e4e4e4;
}

```

Thank you in advance.

Answer: 
Here's an alternative method you might find useful in the future.

```
// loop over the fruits
var arr = fruits.reduce(function (fp, fc) {

  // get the string (in your example the data-makes value)
  // and add each to a new object
  var temp = makes[fc].split(', ').reduce(function (p, c, i) {
    p[i + 1] = c;
    return p;
  }, {});

  // then concatenate the fruit name and its object to
  // the output array
  return fp.concat.apply(fp, [fc, temp]);
}, []);

```

OUTPUT

```
[
  "Apple", { "1": "pie", "2": "dumpling", "3": "cider"},
  "Banana", { "1": "bread", "2": "Republic" }
]

```

[DEMO](https://jsfiddle.net/ezzk4tmr/1/)
You have two problems in your code:

First, you're never putting `fruits[i]` in the `output` array. 

Second, you can't assign to `output[i][k+1]` until you first initialize `output[i]` to be an array or object.

```
for (i=0; i < fruits.length; ++i)
{
  output.push(fruits[i]);
  var members = document.getElementById(fruits[i]).getAttribute("data-makes");
  var tmp = members.split(",");
  var obj = {};
  for (k=0; k < tmp.length; ++k)
  {
    obj[k+1] = tmp[k];
  }
  output.push(obj);
}

```