[วิดีโอสอน] การเริ่มต้น Bootstrap – การใช้งาน git system เบื้องต้น

การเริ่มต้น Bootstrap การใช้งาน git system เบื้องต้น
สมัยก่อนการสร้างเว็บไซต์จะใช้ตารางเป็นตัวจัดการ layout ทำให้ไม่ยืดหยุดพอ เวลาจะแสดงข้อมูลหลากหลายหน้าจะ ซึ่งระบบ git system ของ bootstrap นี่ล่ะจะเข้ามาช่วยในเรื่องนี้ วิดีโอนี้เป็นวิดีโอสอน เบื้องต้นนะครับ เพื่อนให้เข้าใจหลักการง่ายๆของระบบ git system จะได้รู้ว่า ไม่ยากอย่างที่คิดแน่นอนครับ
โค๊ดตัวอย่างนะครับ
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>การเริ่มต้น Bootstrap - การใช้งาน git system เบื้องต้น</title> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> <!-- Latest compiled and minified JavaScript --> <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> <style> .row > div{ border: solid 1px #000; padding: 5px; } </style> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-sm-3 col-xs-6">columns</div> <div class="col-sm-3 col-xs-6">columns</div> <div class="col-sm-3">columns</div> <div class="col-sm-3">columns</div> </div> </div> </body> </html>
สอนระดับพื้นฐานนะครับ สามารถไปเรียนรู้เพิ่มเติมได้จาก :
ความเห็นต่อโพส (ล่าสุด)