In angular bootstrap4.3 class not working-CodePudding

I am using angular 7 version and I have updated my bootstrap version from 3.7 to 4.3. In bootstrap 3.7 below code is working but in boostrap 4.3 the code is not working properly in angular.

<div >
    <div >
         <app-select>
             <div >div one </div>
         </app-select>
         <app-select>
             <div >div two</div>
         </app-select>
         <app-select>
             <div >div three</div>
         </app-select>         
    </div>
</div>

Here is a screenshot.

CodePudding user response：

You need to add <app-select></app-select> html code to specify the problem but as far as I understood about your code the problem is row and col not being used nested to each other for example you should do something like:

<div >
     <app-select>
         <div >
             <div >div one </div>
             <div >div two</div>
             <div >div three</div>
         </div>
     </app-select>
</div>