Currently experimenting with Bootstrap 4 and encountering a seemingly simple issue. I am attempting to place two col-xs-6
elements inside a row, but they keep wrapping to a new line.
<div class="row">
<div class="col-xs-6 col-sm-6">
hehe
</div>
<div class="col-xs-6 col-sm-6">
hehe
</div>
</div>
I have even tried the following without success.
<div class="col-xs-12">
<div class="col-xs-6 col-sm-6">
hehe
</div>
<div class="col-xs-6 col-sm-6">
hehe
</div>
</div>
Instead of
| 6 | 6 |
I am seeing
| 12 |
| 12 |
Shouldn't they be working as intended? What could be the issue here?