title: How to align the div in same row in angular 5 using bootstrap classes
body: <p>// here is input field with the label, "WLC Name" I want to align in the same row.</p>
  
  <pre><code>        &lt;div class="form-group row"&gt;
              &lt;label class="col-md-2 col-form-label text-right"&gt;WLC Name&lt;/label&gt;
             &lt;div class="col-lg-2 col-sm-11"&gt;
            &lt;input type="text"value="BSNL-WLCXXX" class="form-control" formControlName="wlc_name"                                            id="wlc_name" #wlcname&gt;
  
  // I want to put below div in the same row, but it is not coming.
      &lt;div&gt;    
        &lt;app-right-tooltip [toolTipText]="getToolTipText('system_basic_wlc_name')"&gt;&lt;/app-right-tooltip&gt;
       &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>// html code for the tag  : app-right-tooltip </p>
  
  <pre><code>  &lt;div&gt;
          &lt;span class="glyphicon glyphicon-question-sign blue" style="font-size: 15px " aria-hidden="true" [popover]="getData()"
                popoverPlacement="right"
                [popoverOnHover]="false"
                [popoverCloseOnMouseOutside]="false"&gt;
          &lt;/span&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/lccI9.png" rel="nofollow noreferrer">snapshot</a></p>