การออกแบบเว็บที่ตอบสนอง - กรอบ
ส่วนนี้จะแนะนำเว็บที่ตอบสนองต่อการออกแบบกรอบ Bootstrap
เงินทุนจากทวิตเตอร์มันเป็นที่นิยมมากที่สุดกรอบ front-end เงินทุนจะขึ้นอยู่กับ HTML, CSS, JavaScript, ซึ่งเป็นที่เรียบง่ายและมีความยืดหยุ่นเพื่อให้นักพัฒนาเว็บที่รวดเร็วยิ่งขึ้น
ตัวอย่าง
< !DOCTYPE html >
< html lang= "en" >
< head >
< title > Bootstrap Example < /title >
< meta charset= "utf-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1" >
< link rel= "stylesheet" href= "http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" >
< script src= "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" > < /script >
< script src= "http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js" > < /script >
< /head >
< body >
< div class= "container" >
< div class= "jumbotron" >
< h1 >我的第一个 Bootstrap 页面< /h1 >
< /div >
< div class= "row" >
< div class= "col-sm-4" >
...
< /div >
< div class= "col-sm-4" >
...
< /div >
< div class= "col-sm-4" >
...
< /div >
< /div >
< /div >
< /body >
< /html >
< html lang= "en" >
< head >
< title > Bootstrap Example < /title >
< meta charset= "utf-8" >
< meta name= "viewport" content= "width=device-width, initial-scale=1" >
< link rel= "stylesheet" href= "http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css" >
< script src= "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" > < /script >
< script src= "http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js" > < /script >
< /head >
< body >
< div class= "container" >
< div class= "jumbotron" >
< h1 >我的第一个 Bootstrap 页面< /h1 >
< /div >
< div class= "row" >
< div class= "col-sm-4" >
...
< /div >
< div class= "col-sm-4" >
...
< /div >
< div class= "col-sm-4" >
...
< /div >
< /div >
< /div >
< /body >
< /html >
ลอง»
สำหรับข้อมูลเพิ่มเติมโปรดดู วัสดุ Bootstrap