I am trying to understand how angular calculates how the elements are rendered in the dom. more specifically, how row and column work
I added some examples below with what i was expecting to see but i dont see what I am expecting in any case lol
<p>this should be displayed one below the other one I would expect, but it displays one next to the other</p>
<button class="btn btn-success">Start game</button>
<button class="btn btn-danger">Stop</button>
<p>this should be displayed in two columns I would expect, but i see two rows </p>
<div class="row">
<div class="col-xs-6">
<p>hi</p>
</div>
<div class="col-xs-6">
<p>bye</p>
</div>
</div>
<p>this should be displayed in two colums, i would expect, but it shows up as 2 rows </p>
<div class="row">
<div class="col-xs-6">
<button class="btn btn-success">Start game</button>
</div>
<div class="col-xs-6">
<button class="btn btn-danger">Stop</button>
</div>
</div>
