I'm trying to implement a Bootstrap nav inside a React + Electron app.

This is the JSX code I've written:

```
render: function () {
  if (this.state.loading) {
    return (
      <div className="jumbotron">
        <h1 className="display-3">Let us load your data</h1>
        <p>It may take a while</p>
      </div>
    );
  }

  return (
    <div>
      <ul className="nav nav-pills nav-stacked">
        <li role="presentation" className="active">
          <a href="#">
            Home
          </a>
        </li>
        <li role="presentation">
          <a href="#">
            Profile
          </a>
        </li>
      </ul>
    </div>
  );
}

```

And this is what is rendered:

[![Bootstrap nav](https://i.stack.imgur.com/6c8hL.png)](https://i.stack.imgur.com/6c8hL.png)

It's seems like the `nav-pills`, `nav-stacked` and `active` classes are not rendered.

I've also tried to render a table:

```
return (
  <div>
    <table className="table table-striped table-bordered">
      <tbody>
        <tr>
          <th>1</th>
          <th>2</th>
          <th>3</th>
        </tr>
        <tr>
          <td>4</td>
          <td>5</td>
          <td>6</td>
        </tr>
        <tr>
          <td>7</td>
          <td>8</td>
          <td>9</td>
        </tr>
      </tbody>
    </table>
  </div>
);

```

And this one works as expected:

[![Bootstrap table](https://i.stack.imgur.com/Fu3PA.png)](https://i.stack.imgur.com/Fu3PA.png)

Is there any reason that the nav doesn't work?