Free Template 22 : แนะนำการเปลี่ยนสีเมนู Navbar Bootstrap ได้ดั่งใจพร้อมฟรี code เช่นเดิม  

สำหรับคนที่เพิ่งหัดใช้ตัว bootstrap ตกแต่งเว็บ ก็จะเจอปัญหาคล้ายๆกันคือ เปลี่ยนสีเมนูไม่ได้ เพราะไม่รู้หลักการใช้ css  class  id   ของ bootstrap

วันนี้คุณไม่ต้องกังวลแล้วครับ
ผมจัดให้พร้อม 
code  ตัวอย่างเอาไปปรับแต่งกันให้มันส์กันต่อโล๊ดดด

Note.

1. อยากเปลี่ยนสีเมนู ให้เปลี่ยนที่บรรทัด 14 สามารถหา code สีได้จาก https://www.w3schools.com/colors/colors_picker.asp
2. อยากเปลี่ยนสีลิงค์ ให้เปลี่ยนที่บรรทัด 17 และ 20 สามารถหาความหมายของไอดี และ css ได้ที่ www.w3schools.com/
3. อยากเปลี่ยนสีลิงค์ navbar-brand ให้เปลี่ยนที่บรรทัด 23
4. รัก devbanban ให้เข้าดูคลิปสอนเขียนเว็บได้ที่ Click

Code :

 

ทดลองใช้งาน Click…

ผลการทำงาน

จอมือถือ

 

หน้าจอ PC ทั่วไป

 

ฟรีคลิปสอนใช้งาน Bootstrap  21 คลิป

Click 

 

 

 

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

(Visited 317 times, 88 visits today)

Related posts:

bootstrap.2 Responsive web เบื้องต้น, basic bootstrap
Bootstrap .5 Bootstrap Image class
รวมวีดีโอ Workshop PHP+Databases+Bootstrap+Dreamweaver
ระบบสารสนเทศติดตามการฝึกงานฯ คณะวิทยาการจัดการ มรภ.ธนบุรี
Free Template 03 Form Login + code ตัวอย่าง
วิทยากรสอนนักศึกษาสาขาคอมพิวเตอร์ธุรกิจ มรภ.ธนบุรี ทำเว็บไซต์ด้วย bootstrap...
ระบบประเมินอาจารย์ออนไลน์ คณะวิทยาการจัดการ มรภ.ธนบุรี
ระบบคลินิกรักษาสัตว์ออนไลน์
WEB.26 ระบบ Login แยก Admin, Member [php, dreamweaver, bootstrap]
เว็บไซต์เช่าบ้าน/เช่าคอนโด/ขายบ้าน