การรวบรวมบทความและเทมเพลต

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

starbootstrap.webp
Bootstrap, การดัดแปลง, เทมเพลต

SB Admin + Kār prạb pelī̀yn

Azkiya
06 ตุลาคม 2020

SB Admin เป็นเทมเพลตผู้ดูแลระบบ Bootstrap ที่ได้รับอนุญาตจาก MIT ฟรีและโอเพ่นซอร์ส เทมเพลตนี้ใช้สไตล์ Bootstrap 4 เริ่มต้นพร้อมกับปลั๊กอินต่างๆ เพื่อสร้างเฟรมเวิร์กอันทรงพลังสำหรับการสร้างแผงผู้ดูแลระบบ เว็บแอป หรือ UI แดชบอร์ดสำหรับโครงการถัดไปของคุณ

แม่แบบ Bootstrap 4-style SB Admin เผยแพร่โดย Start Bootstrap Start Bootstrap เป็นไลบรารีโอเพ่นซอร์สของเทมเพลตและธีม Bootstrap ฟรี เทมเพลตและธีมฟรีทั้งหมดใน Start Bootstrap เผยแพร่ภายใต้ลิขสิทธิ์ของ MIT ซึ่งหมายความว่าคุณสามารถใช้เพื่อวัตถุประสงค์ใดก็ได้ แม้กระทั่งสำหรับโครงการเชิงพาณิชย์

ต้นฉบับ

เทมเพลตนี้เคยเผยแพร่บนเว็บไซต์ไปแล้ว Start Bootstrap

ใบอนุญาต

MIT - 2013-2020 Start Bootstrap LLC และสร้างโดย David Miller.

ลักษณะเฉพาะ

  • ธีมที่ใช้ SCSS พร้อมสคริปต์ในตัวสำหรับการคอมไพล์ Pug และ CSS
  • เลย์เอาต์ตาม Flexbox พร้อมตัวเลือกการนำทางคงที่และคงที่
  • เมนูแถบด้านข้างที่เปลี่ยนแปลงได้พร้อมสถานะสลับที่ใช้งานง่าย
  • สไตล์แผงแบบกำหนดเอง
  • แผนภูมิเชิงโต้ตอบพร้อมปลั๊กอินปลั๊กอิน Chart.js
  • ตารางโต้ตอบกับปลั๊กอิน dataTables ปลั๊กอิน
  • เข้าสู่ระบบ ลงทะเบียน ลืมรหัสผ่าน หน้า 404 และ HTML เริ่มต้นว่างเปล่า blank

เทคโนโลยีหลัก (ดั้งเดิม)

  • bootstrap v.4.5.0
  • autoprefixer v.9.8.0
  • browser-sync v.2.26.7
  • chokidar v.3.4.0
  • concurrently v.5.2.0
  • postcss v.7.0.32
  • prettier v.2.0.5
  • pug v.3.0.0
  • sass v.1.26.8
  • shelljs v.0.8.4
  • upath v.1.2.0

การดัดแปลง

  • ลดขนาด JS โดยใช้ Terser v4.8.0
  • ลดขนาด CSS โดยใช้ Less v3.11.3
  • รองรับ MAP JS (กำหนดเอง)
  • รองรับ MAP CSS ต้นทาง (กำหนดเอง)
  • การเพิ่มประสิทธิภาพไฟล์ .pug
  • การเพิ่มประสิทธิภาพไฟล์ .html
  • การเพิ่มประสิทธิภาพไฟล์ .css
  • การเพิ่มประสิทธิภาพไฟล์ .scss
  • การเพิ่มประสิทธิภาพไฟล์ .js
  • เพิ่มโฟลเดอร์โฟลเดอร์ node_modules
  • ติดตั้ง Dependencies ล่าสุด :
    • bootstrap v.4.5.2
    • autoprefixer v.10.0.1
    • browser-sync v.2.26.12
    • chokidar v.3.4.2
    • concurrently v.5.3.0
    • postcss v.8.1.1
    • prettier v.2.1.2
    • pug v.3.0.0
    • sass v.1.26.12
    • shellj v.^0.8.4
    • upath v.1.2.0
  • Font Awesome 5.14.0
  • กำลังอัปเดตเนื้อหา CSS จาก :
     <link href="https://cdn.datatables.net/1.10.20/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • กำลังอัปเดตเนื้อหา CSS เป็น :
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
    <link href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css" rel="stylesheet" crossorigin="anonymous" />
  • กำลังอัปเดตทรัพย์สิน JS จาก :
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.20/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
  • กำลังอัปเดตทรัพย์สิน JS เป็น :
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
    <script src="js/scripts.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha512-s+xg36jbIujB2S2VKfpGmlC3T5V2TF3lY48DX7u2r9XzGzgPsa6wTpOQA7J9iffvdeBN0q9tKzRxVxw1JviZPg==" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js" crossorigin="anonymous"></script>
    <script src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js" crossorigin="anonymous"></script>
  • เพิ่มเนื้อหา CSS ลงในแท็กส่วนหัว :
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
  • เพิ่มเนื้อหา JS เหนือ /body . tag :
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/js/all.min.js" integrity="sha512-YSdqvJoZr83hj76AIVdOcvLWYMWzy6sJyIMic2aQz5kh2bPTd9dzY3NtdeEAzPp/PhgZqr4aJObB3ym/vsItMg==" crossorigin="anonymous"></script>

การซ่อมแซมแม่แบบ

ไม่มีการแก้ไข

ตัวเลือกการติดตั้ง

ในการใช้เทมเพลตนี้ คุณสามารถใช้แหล่งที่มาจาก Nickgenom โดยดาวน์โหลดเทมเพลตนี้ หรือเลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้ :

  • ดาวน์โหลดรุ่นล่าสุดได้โดยตรงที่ Start Bootstrap
  • หรือ ติดตั้งผ่าน npm:
    npm i startbootstrap-sb-admin
  • สำเนาซ้ำ:
    git clone https://github.com/StartBootstrap/startbootstrap-sb-admin.git
  • Fork, Clone หรือ Download บน GitHub : https://github.com/StartBootstrap/startbootstrap-sb-admin

เรียกใช้เทมเพลตการแก้ไข SB Admin

ง่ายมาก แค่คุณมีสิ่งนี้ :

  • เปิดเบราว์เซอร์ที่ติดตั้งบนคอมพิวเตอร์ของคุณ Chrome, Mozilla Firefox และอื่นๆ
  • จากนั้นเปิดโฟลเดอร์โปรเจ็กต์ SB Admin
  • ดับเบิลคลิกที่ไฟล์ html ที่คุณต้องการเปิด
  • ที่เสร็จเรียบร้อย !!!.

โชคดี. โชคดี !


ดาวน์โหลด

รหัสผ่าน : nickgenom.com


ทิ้งข้อความไว้

1-1 dari 1

ตอบกลับการสนทนานี้

คุณไม่สามารถแก้ไขโพสต์หรือสร้างการตอบกลับ: คุณต้องเข้าสู่ระบบก่อนจึงจะสามารถโพสต์ได้.

คำพูดของภูมิปัญญา

" เพียงเพราะใครบางคนที่ดูดีไม่ได้แปลว่าพวกเขาดีที่สุดสำหรับคุณเสมอไป นมที่หกยังขาวอยู่ ระวังไว้นะเพื่อน ชีวิตก็เต็มไปด้วยมิจฉาชีพ "

อ้างอิง บทความ :

คอลเลกชันเทมเพลตเว็บไซต์ :

We Build

แท็ก โพสต์: Bootstrap, การดัดแปลง, เทมเพลต 04 สิงหาคม 2021

Above - Template Pendidikan

แท็ก โพสต์: Bootstrap, เทมเพลต 04 สิงหาคม 2021

Portfolio - (เทมเพลตพิมพ์เขียว)

แท็ก โพสต์: HTML5, เทมเพลต 04 สิงหาคม 2021

Coming Sssoon + Mods

แท็ก โพสต์: Bootstrap, การดัดแปลง, เทมเพลต 30 ตุลาคม 2020

Mobster + Mods

แท็ก โพสต์: Bootstrap, เทมเพลต 29 ตุลาคม 2020

SB Admin + Kār prạb pelī̀yn

แท็ก โพสต์: Bootstrap, การดัดแปลง, เทมเพลต 06 ตุลาคม 2020
เกี่ยวกับ
Rss
  • บทความฟรี | การรวบรวมบทความและเทมเพลต https://nickgenom.com/th/%E0%B8%9F%E0%B8%AD%E0%B8%A3%E0%B8%B1%E0%B9%88%E0%B8%A1 Artikel dan Koleksi Template https://nickgenom.com/th/%E0%B8%9F%E0%B8%AD%E0%B8%A3%E0%B8%B1%E0%B9%88%E0%B8%A1%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B9%89%E0%B8%AD/artikel-dan-koleksi-template-2 พ., 20 ต.ค. 2021 00:11:34 +0000

    apa sih ini?
    Artikel dan Koleksi Template https://nickgenom.com/th/%E0%B8%9F%E0%B8%AD%E0%B8%A3%E0%B8%B1%E0%B9%88%E0%B8%A1%E0%B8%AB%E0%B8%B1%E0%B8%A7%E0%B8%82%E0%B9%89%E0%B8%AD/artikel-dan-koleksi-template จ., 18 ต.ค. 2021 20:10:22 +0000