|
|
|
เขียน html bootstrap ยังไงคะ ให้ได้ดังรูปแบบตามตัวอย่างด้านในค่ะ |
|
|
|
|
|
|
|
https://getbootstrap.com/
เอกสารของเขามี เปิดแล้วทำตาม ใช้รุ่นไหนก็เปิดรุ่นนั้น
ถ้าถามลอยๆแต่ตัวเองใช้รุ่น 4 แล้วคนอื่นเขียนรุ่น 3 คิดว่ามันจะใช้ได้ไหม?
ดูเอกสารติดตรงไหนแล้วค่อยถามครับ
|
|
|
|
|
Date :
2020-12-27 08:59:26 |
By :
mr.v |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช่ แต่ละเวอร์ชัน มีรายละเอียดที่ไม่เหมือนกัน
ยังไงลองดูเรื่อง grid (อิงคอนเซปต์เดิม)
จากนั้น กำหนด background-size: cover ใน css
ส่วนการจัดกลางมีหลายรูปแบบที่ไม่เหมือนกันในแต่ละเวอร์ชัน
ทั้ง margin, padding, justify, auto...หรือ อย่างอื่น คงต้องเปิดเอกสารดูตามที่เราต้องการ
|
|
|
|
|
Date :
2020-12-27 13:21:27 |
By :
genius |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Guildline : 1 rows = 12 cols. 12cols หารตามจำนวนที่ต้องการ แต่ควร F12 check device ร่วมด้วย เพราะมันแบ่งหลายขนาด Device
ปล.ควรอ่าน document ครับ เพราะเอกสารมีรายละเอียดส่วนย่อยมากมาย
|
|
|
|
|
Date :
2020-12-27 21:00:16 |
By :
Genesis™ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อยากจะแนะนำว่า สร้าง คลาส เอง แล้วเขียน css คุมเอง จะสั้นกว่าและเข้าใจงานที่จะทำได้มากกว่า
คือในขณะที่เราต้องศึกษา css frame work ทำไมเราไม่ศึกษา ตัว css ไปเลย และเขียนคลาสมาใช้งานเอง
คือ frame work เหมาะกับคนที่เพิ่งศึกษา แต่ต้องเข้าใจไว้หน่อยว่ามัน เป็น รถบรรทุกขนาดใหญ่ ที่ใส่ทุกอย่างที่คนจำนวนมากต้องการ
แต่ที่มันตรงกับการใช้งานของเรามีแค่น้อยนิด
ถ้าเราเป็นบริษัท ที่ต้องทำงานนอกสถานที่ และพนักงานต้องใช้เนตที่คำนวณแบนวิชเพื่อจ่ายตัง
ก็ลองดูขนาดไฟล์ของ bootstrap ว่าใหญ่ขนาดไหน รวม jqury เข้าไปอีก ก็ลองคิดดูว่าจะเปลืองขนาดไหน
แม้ว่าเครื่องเราจะมี cache ในการเก็บ แต่ก็ขึ้นอยู่กับคุณภาพของ เครื่องที่เราใช้งาน และก็ต้องทำความเข้าใจกับระบบ cache ด้วย
บางส่วนของโปรแกรม ต้องการ cache บางส่วนก็ไม่ต้องการ เขียนไม่ดีก็จะควบคุณงานไม่ได้ดี
ทั้งนี้ทั้งนั้นไม่ได้ห้ามไม่ให้ใช้ frame work แต่ก็เลือกสรรการใช้งานให้ตรงกับความต้องการ
ตอนนี้ งานส่วนใหญ่ของผม ก็เลิกใช้ คลาส พวกนี้แล้ว แต่จะเขียนคลาส ขึ้นมาใช้งานเอง
|
|
|
|
|
Date :
2020-12-28 08:34:13 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|