morioh ดาวน์โหลด - morioh ดาวน์โหลดซอร์สโค้ด

morioh

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

ธีม Morioh: เทมเพลตที่ตอบสนองด้วย Bootstrap 4, HTML5 และ Vue.js

ดูตัวอย่างและคำแนะนำ

☞ ดูตัวอย่าง Morioh Html5

เริ่มต้นอย่างรวดเร็ว

ต้องการเพิ่ม Morioh ในโครงการของคุณอย่างรวดเร็วใช่ไหม? ใช้ CDN ซึ่งให้บริการฟรีโดยบุคลากรของ UNPKG

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/morioh/dist/css/morioh.min.css " >

หรือ

 < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/morioh/dist/css/morioh.min.css " >

 < script src =" https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js " > </ script >
< script src =" https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js " > </ script >
< script src =" https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js " > </ script >

นพีเอ็ม

 npm install morioh

เส้นด้าย

 yarn install morioh

เทมเพลตเริ่มต้น

ตรวจสอบให้แน่ใจว่าเพจของคุณได้รับการตั้งค่าตามมาตรฐานการออกแบบและการพัฒนาล่าสุด นั่นหมายถึงการใช้ประเภทเอกสาร HTML5 และรวมเมตาแท็กวิวพอร์ตเพื่อพฤติกรรมการตอบสนองที่เหมาะสม เมื่อรวมทุกอย่างเข้าด้วยกันแล้วหน้าเว็บของคุณควรมีลักษณะดังนี้:

 <!doctype html >
< html lang =" en " >
    < head >
    <!-- Required meta tags -->
    < meta charset =" utf-8 " >
    < meta name =" viewport " content =" width=device-width, initial-scale=1, shrink-to-fit=no " >

    <!-- Morioh CSS -->
    < link rel =" stylesheet " href =" https://cdn.jsdelivr.net/npm/morioh/dist/css/morioh.min.css " >

    < title > Hello, world! </ title >
    </ head >
    < body >
    < h1 > Hello, world! </ h1 >

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    < script src =" https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js " > </ script >
    < script src =" https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js " > </ script >
    < script src =" https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js " > </ script >
    </ body >
</ html >