Seperti yang sudah kita ketahui, PHPMaker versi 11 mulai menggunakan Twitter Bootstrap versi 3. Selain itu, di versi 11 ini, PHPMaker juga menggunakan Less CSS yang memungkinkan Web Developer mendefinisikan kode CSS menggunakan variabel, fungsi campuran, dan banyak teknik lainnya sehingga kode CSS untuk Aplikasi Web yang dihasilkan oleh PHPMaker dapat dikelola dengan lebih mudah dan baik lagi.
Dengan kombinasi pemakaian Less CSS dan Twitter Bootstrap 3, PHPMaker mengoptimalkan keduanya dengan menyediakan kemudahan bagi Web Developer untuk mendefinisikan beberapa pengaturan lebar minimum Aplikasi Web dengan menggunakan CSS. Anda sebagai Web Developer dapat menentukan pengaturan ini dari menu tab HTML -> Theme -> Media queries breakpoints (Bootstrap).
Ada tiga kriteria lebar yang tersedia, yaitu: @screen-sm-min yang merupakan nilai minimal lebar layar terendah (sm = small) dengan nilai default 768, @screen-md-min yang merupakan nilai medium lebar layar pertengahan (md = medium) dengan nilai default 992, dan yang terakhir @screen-lg-min yang merupakan nilai minimal lebar layar terbesar (lg = large) dengan nilai default 1200.
Tentu saja Anda sebagai Web Developer dapat mengubah masing-masing ketiga nilai standar tadi sesuai kebutuhan Anda.
Dari masing-masing ketiga pengaturan tadi, PHPMaker juga menentukan nilai pengaturan lebar maksimum layar, yang nilainya merupakan selisih satu dari masing-masing dari ketiga nilai minimum tadi. Ketiga pengaturan maksimum dapat Anda lihat pada @screen-xs-max, @screen-sm-max, dan @screen-md-max. Disarankan untuk pengaturan maksimum ini tidak diubah. Yang perlu Anda ubah hanya nilai pengaturan minimum di atas tadi.
Setelah mengubah ketiga nilai tersebut, maka pastikan juga Anda men-generate ulang semua file script Aplikasi Web Anda, dan jangan lupa memuat ulang halaman Aplikasi Web Anda untuk mengimplementasikan kode CSS yang terbaru itu.
Tinggalkan Balasan