ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingขอแนวทางการเขียน bootstrap แบบนี้ทีครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ขอแนวทางการเขียน bootstrap แบบนี้ทีครับ  (อ่าน 774 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
dekjaidee
Newbie
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 83



ดูรายละเอียด
« เมื่อ: 21 กันยายน 2018, 16:46:27 »

จาก code

โค๊ด:
<div class="col-md-9">
รายละเอียดของเว็บ
</div>

<div class="col-md-3">

   <div class=row>
       <img src="banner/1.jpg" class=img-responsive>
   </div>

<div class="col-md-3">
   <div class=row>
       <img src="banner/2.jpg" class=img-responsive>
   </div>

<div class="col-md-3">
   <div class=row>
       <img src="banner/3.jpg" class=img-responsive>
   </div>

</div>

ฝั่งซ้ายเป็นรายละเอียดของเว็บครับ แบ่งเป็น md-9 เลื่อนลงมาเรื่อยๆ
ฝรั่งขวาเป็นป้าย Banner 3 อัน เรียงเป็นแถวๆ ลงมา

ความต้องการคือ เวลาเลือ่นมาถึง Banner ป้าย 3 แล้ว ให้มันตรึงอยู่กับที่ครับ โดยที่หน้าเว็บยังเลื่อนลงได้ตลอดจนกว่าจะสิ้นสุด

ผมลองหาคำว่า Sticky Banner และทำตามแล้วครับ แต่ทำไม่ได้สักที รบกวนท่านที่ทำได้ แนะนำส่วนนี้ให้ผมทีครับ หรือจาก code ต้องแก้อย่างไรบ้างครับ

 wanwan017 wanwan017
บันทึกการเข้า

HOW TO??
BOS
ก๊วนเสียว
*

พลังน้ำใจ: 33
ออฟไลน์ ออฟไลน์

กระทู้: 459



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 21 กันยายน 2018, 20:15:09 »

ลองดูเป็นแนวทางครับ
https://www.bootply.com/101100
https://www.bootply.com/cNGkTRYr28
บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์