Bootstrap classes do not work in ReactJS component

In React, the attribute is className, not class. So for example, rather than having

<div class="panel panel-default">

You should instead have

<div className="panel panel-default">

By setting it as class, React ignores that attribute, and as a result the generated HTML doesn't include the classes the CSS needs.

If you run your expected HTML through the compiler, that is indeed what you get.