bootstrap大多采用的是前綴組合方式：

<div class="btn-group-vertical" role="group" aria-label="...">
...
</div>

相對來說Semantic 更加離散，強(qiáng)調(diào)碎片的可復(fù)用，而bootstrap是一組間的復(fù)用；各有利弊，bs相對來說能更明確地知道樣式的作用域，在sui中單獨(dú)拿出primary這個樣式，語義化就不是那么充足了。
2.html標(biāo)簽方面，sui更強(qiáng)調(diào)語義化標(biāo)簽，如：
<header></header><nav></nav>
bs方面還是側(cè)重于用div和樣式來表達(dá)，這個倒是sui更簡潔些。
3.js組件方面，相反我倒覺得bs組件方式更易讀些，構(gòu)造函數(shù)和原型對象的典型應(yīng)用，基于流行的jQuery Boilerplate模板，sui的js看起來實(shí)在有點(diǎn)費(fèi)力。
總之，在審美疲勞,bs影子到處都是的情況下，sui還是個不錯

include <stdio.h>
#define N 3
void zz(int x[N][N])
{ int i,j,t;
for(i=0;i<N;i++)
for(j=0;j<i;j++)
{ t=x[i][j]; x[i][j]=x[j][i]; x[j][i]=t; }
}
void main()
{ int str[N][N]={1,2,3,4,5,6,7,8,9}, i,j;
zz(str)；
for(i=0;i<N;i++)
{ for(j=0;j<N;j++) printf(“%3d”,str[i][j]) ;
printf("\n") ;
}
}