ลงทะเบียน
ใกล้กัน ช่วยให้คุณแชร์เรื่องราวต่างๆ กับผู้คนมากมาย

วิธีให้ Bootstrap 3 และ Bootstrap 4 ทำงานร่วมกันได้

วิธีให้ Bootstrap 3 และ Bootstrap 4 ทำงานร่วมกันได้

โพสต์ใน: เว็บไซต์ / - โดย - May 17, 2020

Bootstrap 3 ถูกออกแบบให้ทำงานได้สมบูรณ์ และ Bootstrap 4 ถูกออกแบบให้ทำงานได้สวยงาม รวดเร็ว ง่ายดาย หากรวม 2 เวอร์ชั่นเข้าด้วยกันจะความสุดยอดของคนทำเว็บไซต์

แนะนำให้ใช้ เมื่อเริ่มสร้างหน้าเว็บใหม่ทุกครั้ง ก็อปปี้โค็ดด้านล่าง

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap Example</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes" />
<!--Javascript Core-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!--Style Sheets-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
<!--Favicon-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--Json Compile-->
<script src="https://cdn.jsdelivr.net/npm/handlebars@latest/dist/handlebars.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

 

<body>
[เขียน HTML]
</body>
</html>

จากนั้นตกแต่งส่วนต่าง ๆ ของหน้าเว็บเช่น ปุ่ม รูปภาพ กรอบข้อความ ดูเพิ่มเติมที่ลิงค์นี้

https://www.guimee.com/blog/464/bootstrap-3-4-ที่ใช้บ่อย-ช่วยจัดรูปแบบเว็บไซต์/

เขียนเว็บไซต์

User not write anything about he.
Captcha Challenge
ลองรูปภาพใหม่
Type in the verification code above

ลองอ่านดูน่าสนใจ: