My friend recently introduced me to Semantic UI as an alternative to Bootstrap, which has become rather bloated, and is kind of a pain in the ass.
I definitely prefer the way it handles columns:
<div class="three column row">
<div class="column">Butts</div>
<div class="column">Boobs</div>
<div class="column">Baldur's Gate</div>
</div>
Which means if you want to add a column, you just need to add that element and then change "three" to "four," whereas with Bootstrap you need to specify the size of every single column:
<div class="row">
<div class="col-xs-4">Buttocks</div>
<div class="col-xs-4">Breasts</div>
<div class="col-xs-4">Icewind Dale</div>
</div>
So if you want to add a column, you need to add that column, then change the size of all the others to accommodate (aka it's a pain in the ass). Bootstrap also is especially a pain in the ass if you have an odd number of columns that you want to centre, because you have to specify the size of each and well... yeah. With Semantic UI you just specify the number of columns and it does the rest.
It also looks nice and has better native form support, most notably with dropdowns.
Unfortunately it doesn't have nearly as many plugins as Bootstrap does, but you gotta take what you can get.
All in all, I'm quite pleased with Semantic UI, especially considering making websites is my job and it's going to make my job easier, which Bootstrap has only barely been able to do. So goodbye Bootstrap and good riddance.
