หน้าแรก
หน้าแรก
สามารถทำได้โดยใช้วิธี unshift ตัวอย่างเช่น ตัวอย่าง let veggies = ["Onion", "Raddish"]; veggies.shift(); console.log(veggies); ผลลัพธ์ สิ่งนี้จะให้ผลลัพธ์ - ["Raddish"]
บางครั้งคุณจำเป็นต้องลบองค์ประกอบออกจากตำแหน่งที่กำหนดในอาร์เรย์ JavaScript ให้วิธี splice เพื่อลบออกจากดัชนีที่กำหนด สามารถใช้ได้ดังนี้ − ตัวอย่าง let veggies = ["Onion", "Raddish", "Broccoli"]; veggies.splice(0, 1); // Removes 1 element from index 0 console.log(veggie
มีสองวิธีในการรวม 2 อาร์เรย์ใน Javascript หากคุณต้องการรับอาร์เรย์ใหม่และไม่ต้องการรบกวนอาร์เรย์ที่มีอยู่ขณะเข้าร่วมทั้งสองอาร์เรย์ คุณควรใช้วิธี concat ดังนี้ - ตัวอย่าง let arr1 = [1, 2, 3, 4]; let arr2 = [5, 6, 7, 8]; let arr3 = arr1.concat(arr2); console.log(arr1); console.log(arr2); console.lo
ใช้คลาส .clearfix เพื่อล้าง float ขององค์ประกอบใดๆ ใน Bootstrap ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คลาส clearfix: <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/
ใช้คลาส .btn-group เพื่อทำงานกับคลาสกลุ่มปุ่ม Bootstrap คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อสร้างกลุ่มปุ่ม ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/cs
ดรอปดาวน์ของปุ่มแยกใช้รูปแบบทั่วไปเดียวกันกับปุ่มแบบเลื่อนลง แต่เพิ่มการทำงานหลักพร้อมกับรายการแบบเลื่อนลง ปุ่มแยกมีการทำงานหลักทางด้านซ้ายและปุ่มสลับทางด้านขวาที่แสดงเมนูแบบเลื่อนลง ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อแยกปุ่มแบบเลื่อนลง - <!DOCTYPE html> <html> &
การห่อสตริงข้อความในองค์ประกอบโดยใช้คลาส .navbar-text ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อตั้งค่าข้อความใน Bootstrap Navbar - <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href =
เพื่อจัดวางองค์ประกอบต่างๆ เช่น ลิงก์นำทาง แบบฟอร์ม ปุ่ม หรือข้อความไปทางซ้ายหรือขวาในแถบนำทางโดยใช้คลาสยูทิลิตี้ .navbar-left หรือ .navbar-right ทั้งสองคลาสจะเพิ่ม CSS float ในทิศทางที่ระบุ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจัดตำแหน่งส่วนประกอบ <!DOCTYPE html> <html> &nbs
หากต้องการสร้างแถบนำทางกลับด้านที่มีพื้นหลังสีดำและมีข้อความสีขาว เพียงเพิ่มคลาส .navbar-inverse ให้กับคลาส .navbar ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้คลาส navbar-inverse - <!DOCTYPE html> <html> <head> <title>Bootstrap Example
ในการใช้งานคลาส table-striped ใน Bootstrap คุณสามารถลองเรียกใช้โค้ดต่อไปนี้: ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Bootstrap Table</title> <meta name ="viewport" content = "width = device-w
หากต้องการซ่อนคลาส Bootstrap ให้ใช้คลาส .hidden ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อซ่อนคลาส - <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap
ในการรับจัมโบตรอนแบบเต็มความกว้างและไม่มีมุมมน ให้ใช้ .jumbotron คลาสภายนอก .container . ทั้งหมด คลาสและเพิ่ม .container . แทน ภายใน. ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน <!DOCTYPE html> <html> <head> <title>Bootstrap Exampl
ป้ายกำกับเหมาะสำหรับการนับ เคล็ดลับ หรือมาร์กอัปอื่นๆ สำหรับหน้าเว็บ ตัวอย่าง ใช้ class .label เพื่อแสดง label และลองเรียกใช้โค้ดต่อไปนี้ ตัวอย่าง Bootstrap บทแนะนำ 150 แบบทดสอบ 90
Bootstrap Contextual Class ช่วยให้คุณเปลี่ยนสีพื้นหลังของแถวตารางหรือแต่ละเซลล์ได้ ต่อไปนี้เป็นคลาส - Class คำอธิบาย .active นำสีโฮเวอร์ไปใช้กับแถวหรือเซลล์ที่ต้องการ .success บ่งชี้การดำเนินการที่ประสบความสำเร็จหรือในเชิงบวก .warning ระบุคำเตือนที่อาจต้องให้ความสนใจ .danger
Bootstrap มีสไตล์การตรวจสอบข้อผิดพลาด คำเตือน และข้อความแสดงความสำเร็จ ในการใช้งาน เพียงเพิ่มคลาสที่เหมาะสม (.has-warning, .has-error หรือ .has-success) ให้กับองค์ประกอบหลัก ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้สถานะการตรวจสอบ <!DOCTYPE html> <html> <head>
การเลือกจะใช้เมื่อคุณต้องการอนุญาตให้ผู้ใช้เลือกจากหลายตัวเลือก แต่โดยค่าเริ่มต้น จะอนุญาตเพียงตัวเลือกเดียวเท่านั้น ใช้ สำหรับตัวเลือกรายการที่ผู้ใช้คุ้นเคย เช่น สถานะหรือตัวเลข ใช้ multiple =multiple เพื่อให้ผู้ใช้เลือกได้มากกว่า 1 ตัวเลือก ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้แบบฟ
ใช้คลาสเช่น .input-lg และ .col-lg-* เพื่อกำหนดความสูงและความกว้างของแบบฟอร์ม ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดความสูงและความกว้างของแบบฟอร์ม - <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> &nbs
พื้นที่ข้อความจะใช้เมื่อคุณต้องการอินพุตหลายบรรทัด คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อทำงานกับ textarea ใน Bootstrap Forms ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Bootstrap Forms</title> <meta name = &quo
หากต้องการเพิ่มขนาดให้กับปุ่มใน Bootstrap ให้ลองใช้คลาสต่อไปนี้: Class คำอธิบาย .btn-lg สิ่งนี้ทำให้ขนาดปุ่มใหญ่ขึ้น .btn-sm ทำให้ปุ่มมีขนาดเล็ก .btn-xs สิ่งนี้ทำให้ขนาดปุ่มเล็กเป็นพิเศษ .btn-block สิ่งนี้จะสร้างปุ่มระดับบล็อก—ปุ่มที่ขยายเต็มความกว้างของพาเรนต์ ตัวอย่าง
ใช้คลาส Bootstrap แบบ img-rounded เพื่อจัดรูปแบบรูปภาพของคุณและกำหนดมุมมน: ตัวอย่าง <!DOCTYPE html> <html> <head> <title>Bootstrap Images</title> <link href = "/bootstrap/css/bootstrap.min.css" rel = &q