ทดสอบใน Responsive Dimension Iphone 12Pro
- HTML CSS-1.png (73.33 KiB) Viewed 832 times
โค้ด: เลือกทั้งหมด
<li class="dropdown dropdown_ext dropdown-large open">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">บทความ<span class="caretcaret"></span></a>
<ul class="dropdown-menu dropdown-menu-large row">
<li class="col-md-3">
<ul>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/31-ความรู้ทั่วไป.html">ความรู้ทั่วไป</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/it-news.html">ข่าวสารไอที</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/web-app-graphic.html">กราฟิก สำหรับทำเว็บ ทำแอป</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/software-project-manage.html">หลักการบริหารจัดโปรเจค พัฒนาซอฟต์แวร์</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/82-dotproject.html">จัดการบริหาร โปรเจ็คด้วย DotProject</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/89-license.html">Software License ใบอนุญาตซอฟต์แวร์</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/programmer-translate.html">เรียนแปลภาษาอังกฤษ ฉบับโปรแกรมเมอร์</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/34-joomla.html">ทำเว็บไซต์ด้วย Joomla</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/joomla-4.html">ทำเว็บไซต์ด้วย Joomla 4</a></li>
</ul>
</li>
<li class="col-md-3">
<ul>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/joomla-template.html">แนะนำ Template Joomla สวยๆ</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/joomla-4.html">ทำเว็บไซต์ด้วย Joomla 4</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/seo.html">หลักการทำ SEO</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/32-phpbb.html">phpBB เว็บบอร์ดสำหรับองค์กร</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/72-smf.html">SMF เว็บบอร์ดสำเร็จรูป</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/wordpress.html">WordPress - สอนทำเว็บไซต์ด้วยเวิร์ดเพรสส์</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/35-crm-php.html">CRM - PHP</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/66-server-hosting.html">ทำเว็บไซต์ด้วย Joomla 4</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/66-mobile-app.html">โมบายแอพพลิเคชั่น</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/virtual-machine.html">Virtual Machine</a></li>
</ul>
</li>
<li class="col-md-3">
<ul>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/91-hosting.html">Hosting</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/68-php-e-commerce.html">E-Commerce กับ PHP</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/87-prestashop.html">Prestashop - สร้างร้านค้าออนไลน์</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/33-google.html">Google</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/line-application.html">Line Application</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/facebook.html">FaceBook</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/microsoft.html">Microsoft</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/81-joom-shopping.html">สอนทำเว็บขายสินค้าด้วย Joomshopping</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/19-php-nuke.html">PHP - Nuke</a></li>
</ul>
</li>
<li class="col-md-3">
<ul>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/24-cms-php.html">CMS - PHP</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/84-hotmail.html">Hotmail การใช้งาน การสมัคร</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/blog.html">Blog Mindphp</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/90-openerp.html">OpenERP - ระบบ ERP OpenSource</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/94-accounting-software.html">Accounting software</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/95-payroll-software.html">Payroll Software</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/google-for-work.html">Google for work</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/google-for-work-2.html">- Google Data Studio - ทำรายงานจากแหล่งข้อมูลที่หลากหลาย</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/google-sheet.html">- Google Sheet - ทำตารางจัดเก็บข้อมูลออนไลน์</a></li>
</ul>
</li>
<li class="col-md-12">
<ul>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/google-doc.html">- Google Doc - จัดการงานเอกสารออนไลน์</a></li>
<li class="dropdown_ext"><a href="https://www.mindphp.com/บทความ/thai-article-archive.html">บทความ Archive</a></li>
</ul>
</li>
</ul>
</li>ส่วนเชื่อม Script และ CSS ของ Header
โค้ด: เลือกทั้งหมด
<link rel="stylesheet" href="../../css/bootstrap.css">
<link rel="stylesheet" href="../../css/color.css">
<script src="../../../media/jui/js/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="../../js/bootstrap-select.js"></script>