Boyut sistemi ön tanımlı kırılma noktaları ve bu noktalar arasındaki aralıklara verilen kısa belirteçlerle işlemektedir. Bu sisteme göre, tarayıcı genişliğinin 768 pikselden küçük olduğu durumları ifade etmek için xs (Extra Small) belirteci kullanılır. Örneğin bir satın alma formunun 768 pikselden küçük tarayıcı genişliklerinde görülmesi istenmiyorsa, bu formu kapsayan etikete hidden-xs sınıfının eklenmesi yeterlidir. Tarayıcı genişliğinin 768px – 991px arasında olduğu durumları ifade etmek için sm (Small); 992px–1199px arasında olduğu durumlar için md (Medium); 1200 pikselden büyük olduğu durumlar içinse lg (Large) belirteci kullanılır.