ปลั๊กอิน Bootstrap Carousel เป็นวิธีที่ยืดหยุ่นและตอบสนองได้ในการเพิ่มแถบเลื่อนลงในเว็บไซต์ของคุณ นอกจากนั้นเนื้อหามีความยืดหยุ่นพอที่จะเป็นภาพเฟรมที่ฝังตัววิดีโอหรือเนื้อหาประเภทอื่น ๆ ที่คุณต้องการวาง
การใช้ปลั๊กอินม้าหมุนของ bootstrap สามารถเพิ่มแถบเลื่อนลงในเว็บไซต์และเนื้อหาสามารถเป็นภาพเฟรมฝังตัววิดีโอหรือสิ่งอื่นใด การใช้ปลั๊กอิน Carousel ต้องมีการแนะนำ bootstrap.min.js
ให้ฉันแสดงการเรนเดอร์ก่อน หากคุณรู้สึกว่ามันค่อนข้างดีโปรดดูรหัสการใช้งาน
การเรนเดอร์มีดังนี้:
รหัสคีย์มีดังนี้:
<div id = "carousel-example-generic" data-ride = "Carousel"> <!-การนำทางม้าหมุน-> <ol> <li data-target = "#carousel-example-generic-slide-to =" 0 "> </li> data-target = "#carousel-example-generic" data slide-to = "2"> </li> </ol> <!-โครงการ Carousel-> <div role = "listbox"> <div> <img src = "~/images/chrysanthem.jpg src = "~/images/desert.jpg"/> <div> xxxxxxxxxxxxxxxxxx </div> </div> <div> <img src = "~/images/lighthouse.jpg"/> <div> mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm href = "#carousel-example-generic" role = "button" data-slide = "prev"> <span> </span> <span> ก่อนหน้า </span> </a> <a href = "#carousel-example-generic" data-slide = "Next"
ด้านบนเป็นคำอธิบายทั้งหมดของบทที่สิบของปลั๊กอิน Bootstrap Carousel ที่แนะนำให้คุณรู้จัก ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!