workshop ทำสไลด์หน้าเว็บแบบมีปุ่มคลิกไปยังลิงค์ต่างๆ  ที่เรากำหนด 

ก็ใช้ class=”carousel slide”  ของ bootstrap เช่นเดิมนะครับ

วิธิใส่ลิงค์ก็ง่ายๆ ครับ  เราก็เอา  tag link มาใส่ในส่วนของ caption ก็ได้

tag link เราก็ใส่  class=”btn btn-info btn-lg”  เข้าไปเพื่อกำหนดคุณสมบัติของลิงค์ให้เป็นแบบปุ่ม button

( btn-info ทำปุ่มให้เป็นสีฟ้า , btn-lg ทำปุ่มให้มีขนาดใหญ่ )

คลิปสอนทำ

YouTube Preview Image

ตย. เต็ม

 

ผลการทำงาน

 

อย่าลืมเอาไปพัฒนาต่อนะครับ  ^_^

 

มีความสนใจเทคโนโลยีที่ใช้พัฒนาเว็บไซต์ และอยากแบ่งปันความรู้ด้านการพัฒนาเว็บไซต์และอื่นๆอีกมากมาย…

(Visited 1,959 times, 43 visits today)

Related posts:

Bootstrap.1 การใช้งาน Bootstrap, How to install Bootstrap.
Bootstrap.13 การเปลี่ยนสี Theme Bootstrap, เปลี่ยนสี Navbar อย่างง่ายๆ
Bootstrap.15 การใช้ Class Thumbnails Bootstrap ทำแคตตาล็อคสินค้า
WEB.25 ตะกร้าสินค้า php, Dreamweaver, Bootstrap ตอนที่ 3 Confirm Cart
Bootstrap.18 - 19 : Bootstrap สอนติดตั้งและใช้งาน Typography
WEB.26 ระบบ Login แยก Admin, Member [php, dreamweaver, bootstrap]
Free Template 12 ฟอร์มวันที่และเวลา Bootstrap + HTML 5 + FREE CODE
Free Template 13 ฟอร์มเพิ่มข้อมูลสมาชิก + code ตัวอย่าง แบบเรียบง่าย
ฟรีระบบเที่ยววัด php, mysql, bootstrap, jquery, javascript, devbanban, ฟรีโ...
เว็บไซต์ : สาขาการจัดการชุมชน มหาวิทยาลัยราชภัฏธนบุรี 2017