Bootstrap Grid show guideline ทำให้ bootstrap แสดงเส้นไกด์

วันที่ลง : 01/08/2013 18:47:57   แชร์ :

Bootstrap Grid show guideline ทำให้ bootstrap แสดงเส้นไกด์

ทำให้ Bootstrap แสดงเส้นตัวอย่าง Grid เพื่อความสะดวกในกำหนดช่อง Grid  โดยเราจะใช้ภาพ png 1 ภาพ พร้อมกับกำหนดให้เป็น background แบบ Fixed
 
 ตัวอย่าง
 
 
 
 
วิธีไม่ยากอะไร แค่ดาวน์โหลดภาพ grid ไปใช้ แล้วใส่โค้ดตามด้านล่าง 
 
ดาวน์โหลดภาพ grid background  เข้าที่นี่   แล้วคลิ้กขวา เลือก save as  เซฟไว้ใน folder webimg  ( ไม่มีก็สร้าง หรือเปลี่ยน path ) 
  1. <div class="container">  
  2.   
  3. <?php  
  4. echo "  
  5. <div style=position:fixed>  
  6. <div style=position:relative;z-index:999;>  
  7. <img src=webimg/gridbackground.png>  
  8. </div>  
  9. </div>  
  10. ";  
  11. ?>  
 ให้วางไว้ใต้ class container  เวลาไม่ให้แสดงก็ ใส่ /* */ ครอบไป


บทความก่อนหน้า
Html5 render นำไปใช้สำหรับ เว็บออกแบบเสื้อ ออกแบบ iphone
บทความต่อไป
รับค่าจาก JSON แสดงผล

บทความสงวนลิขสิทธิ์นะ กรุณาอย่า copy ไปแปะ มันไม่ดีต่อความรู้สึก
คุณสามารถเปิดหน้านี้ได้ง่ายๆ ไม่ต้องพิมพ์เอง ด้วยการใช้โปรแกรม QR Reader เพียงสแกนผ่านมือถือหรือ Tablet สแกนไปยัง QR Code

Google Search Ranking

ตรวจสอบอันดับเว็บใน Google เว็บคุณอยู่อันดับไหน ด้วย keywordที่กำหนด

ค้นจาก

Website

Keyword


PHP Captcha Pro 1.0


PHP Code captcha เวอร์ชั่น Pro สุ่มได้ภาษาอังกฤษ ไทย และตัวเลข เลือกสุ่มเฉพาะอย่างได้ สุ่มสีตัวอักษร สุ่มสี background กำหนดความกว้างสูงรูป กำหนดจำนวนตัวอักษรที่สุ่ม เปลี่ยน font ได้ สามารถ Refresh ภาพ โดยไม่ต้อง refresh ทั้งหน้า
จำหน่าย 300 บาท   ดูรายละเอียดเพิ่มเติม
ตัวอย่าง 1
ตัวอย่าง 2

Thaiquick.com

เว็บโฮสติ้ง 500 mb. เริ่มต้นปีละ 1,000 บาท วางกสท Direct admin ลง Linux Centos รองรับ PHP , Mysql บริหารโดยทีมงาน PHPThai.com   www.Thaiquick.com

Responsive Test

Responsive Test จำลองการทดสอบเปิด Web ขนาดหลายหน้าจอ PC กว้างไม่เท่ากัน เปิดบนมือถือหน้าตาอย่างไร ลองทดสอบดู







 
 

↑ Go top