title: How can I change my page HTML in 3 Blocks?
body: <p>Hey I want to style my HTML like this:</p>
  
  <p><a href="https://i.imgur.com/6lDEAb4.png" rel="nofollow noreferrer"><img src="https://i.imgur.com/6lDEAb4.png" alt="HTML look like this"></a>
  I currently have this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;app-list-employees&gt;&lt;/app-list-employees&gt;
  &lt;app-book-employee&gt;&lt;/app-book-employee&gt;
  &lt;app-calendar-books&gt;&lt;/app-calendar-books&gt;
  </code></pre>
  
  <p>I also use Bootstrap if you have a solution with it. My <code>styles.scss</code> file is empty.</p>
  
  <p><strong><em>EDIT:</em></strong>
  I have some DIV around the components like: </p>
  
  <pre><code>&lt;div class="row text-center"&gt;
  </code></pre>
  
  <p>in the listEmployees Component or</p>
  
  <pre><code>&lt;div class="panel panel-primary"&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;form class="form-horizontal" [formGroup]="deviceForm" (ngSubmit)="onSubmit()"&gt;
  </code></pre>
  
  <p>in the CreateEmployee Component.</p>