การติดตั้ง Yii Booster Extension

Bootstrap เป็น CSS Framework ที่พัฒนาโดย Twitter จากนั้นมีผู้นำมาพัฒนาต่อเป็น Extension ให้สามารถใช้ได้กับ Yii Framework โดยรวบรวมทำเป็น Widget ไว้เรียบร้อย แล้วตั้งชื่อใหม่ว่า Yii Booster โดยสามารถดาวโหลดได้ที่เว็บไซต์ http://yiibooster.clevertech.biz/ หรือ https://github.com/clevertech/yiibooster ก็ได้
    ความสามารถที่โดดเด่นของ Bootstrap นั้นก็คือเรื่องของ CSS Framework โดยจะช่วยให้เราลดเวลาของการออกแบบ HTML และ CSS ลงไปโดยสินเชิง ซึ่ง Bootstrap ได้รวบรวมและกำหนดรูปแบบต่างๆ ไว้ให้เราพร้อมใช้งานเรียบร้อยแล้ว โดยเพียงเรียกใช้งาน Class ของ CSS เช่น หากต้องการทำปุ่มก็เพียงเรียก class=”btn btn-primary” ก็จะได้ปุ่มที่สวยงามแล้ว

นำ YiiBooster ที่ดาวโหลดมาเก็บไว้ใน protected/extensions/bootstrap

เปิดไฟล์ protected/config/main.php เพื่อตั้งค่า

โดยกำหนดค่าดังนี้

ส่วน components

ส่วนของ modules

ส่วนของ preload

หลังจากนั้นทดลองเข้าสู่หน้าหลักของ Project จะเห็นว่าหน้าเว็บไซต์จะเป็นลักษณะ Responsive เรียบร้อยแล้ว

ทดลองเข้าสู่ระบบ Gii โดยพิมพ์ URL index.php?r=gii แล้วเข้าสู่ระบบโดยใช้รหัสผ่านที่ได้กำหนดในส่วนของ modules ในไฟล์ protected/config/main.php นั่นคือ 12345 จะปรากฏหน้าสำหรับ Generate Code ดังนี้

โดยจะเห็นว่ามีคำว่า Bootstrap Generator ขึ้นมา แสดงว่าตั้งค่าถูกต้องเรียบร้อยแล้ว ก็พร้อมสำหรับการสร้าง Application โดยใช้ Bootstrap เป็น CSS Framework เรียบร้อยแล้ว