Bootstrap kurulum aşaması npm ve node.js ile bu adımlar uygulandı.
npm install bootstrap@5.3.0
- Kurulumu tamamlamak için terminal ekranına
npm run bootstrap
yazılacak - Kurulum tamamlandı.
- Tailwind kıyasla daha az uğraştırıcı kurulum.
<header class="w-100 bg-succes h-25"></header>
Tailwind gibi kolaylıkla yapılamıyor. Harici CSS dosyası ile kendimiz class ekleyebiliriz. Tailwind kıyasla kısıtlayıcı özelliğe sahip.
Tailwind CSS ile eşit konumda. Kullanılabilirlik iyi. Bolca örnek verilmiş durumda. https://getbootstrap.com/docs/5.3/getting-started/introduction/
Tailwind kıyasla xs adlı harici class eklemedik. Bu ek kod yazmamızdan kurtarmış oluyor.
Bootstrap 12 sütün ve altı duyarlı katman mevcut. Flexbox model kullanmaya zorluyor. Projede kullanılan grid yapısını geliştirici kendisi eklemek zorunda. Bu geliştiriciyi kısıtlıyor ve grid yapısı kullanırken geliştirici kendisi yazmak zorunda.
Bkz : Bootstrap ızgara (grid) yapısı https://getbootstrap.com/docs/5.3/layout/grid/
Bkz : Flexbox model;
https://www.w3schools.com/css/css3_flexbox.asp
https://css-tricks.com/snippets/css/a-guide-to-flexbox/