หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

เริ่ม Bootstrap - สร้างสรรค์

Creative เป็นธีมเว็บไซต์สร้างสรรค์หน้าเดียวที่สร้างด้วย Bootstrap ที่สร้างโดย Start Bootstrap

ดูตัวอย่าง

ดูตัวอย่างสด

สถานะ

ดาวน์โหลดและติดตั้ง

หากต้องการเริ่มใช้เทมเพลตนี้ ให้เลือกหนึ่งในตัวเลือกต่อไปนี้เพื่อเริ่มต้น:

  • ดาวน์โหลดรุ่นล่าสุดบน Start Bootstrap
  • ติดตั้งโดยใช้ npm: npm i startbootstrap-creative
  • โคลน repo: git clone https://github.com/StartBootstrap/startbootstrap-creative.git
  • Fork, Clone หรือดาวน์โหลดบน GitHub

การใช้งาน

การใช้งานขั้นพื้นฐาน

หลังจากดาวน์โหลด เพียงแก้ไขไฟล์ HTML และ CSS ที่มาพร้อมกับไดเร็กทอรี dist นี่เป็นไฟล์เดียวที่คุณต้องกังวล คุณสามารถเพิกเฉยต่อสิ่งอื่นได้! หากต้องการดูตัวอย่างการเปลี่ยนแปลงที่คุณทำกับโค้ด คุณสามารถเปิดไฟล์ index.html ในเว็บเบราว์เซอร์ของคุณได้

การใช้งานขั้นสูง

โคลนไฟล์ต้นฉบับของธีมและนำทางไปยังไดเร็กทอรีรากของธีม เรียกใช้ npm install จากนั้นเรียกใช้ npm start ซึ่งจะเปิดการแสดงตัวอย่างเทมเพลตในเบราว์เซอร์เริ่มต้นของคุณ ดูการเปลี่ยนแปลงในไฟล์เทมเพลตหลัก และโหลดเบราว์เซอร์แบบเรียลไทม์เมื่อบันทึกการเปลี่ยนแปลง คุณสามารถดูไฟล์ package.json เพื่อดูว่ามีสคริปต์ใดบ้างรวมอยู่ด้วย

สคริปต์ npm

  • npm run build สร้างโปรเจ็กต์ - สิ่งนี้จะสร้างเนื้อหา, HTML, JS และ CSS ลงใน dist
  • npm run build:assets คัดลอกไฟล์ในไดเร็กทอรี src/assets/ ลงใน dist
  • npm run build:pug คอมไพล์ Pug ที่อยู่ในไดเร็กทอรี src/pug/ ลงใน dist
  • npm run build:scripts นำไฟล์ src/js/scripts.js เข้าสู่ dist
  • npm run build:scss รวบรวมไฟล์ SCSS ที่อยู่ในไดเร็กทอรี src/scss/ ลงใน dist
  • npm run clean จะลบไดเร็กทอรี dist เพื่อเตรียมพร้อมสำหรับการสร้างโปรเจ็กต์ใหม่
  • npm run start:debug รันโปรเจ็กต์ในโหมดดีบัก
  • npm start หรือ npm run start รันโปรเจ็กต์ เปิดการแสดงตัวอย่างสดในเบราว์เซอร์เริ่มต้นของคุณ และคอยดูการเปลี่ยนแปลงที่เกิดขึ้นกับไฟล์ใน src

คุณต้องติดตั้ง npm เพื่อที่จะใช้สภาพแวดล้อมบิลด์นี้

แบบฟอร์มการติดต่อ

แบบฟอร์มการติดต่อที่มีในธีมนี้สร้างไว้ล่วงหน้าเพื่อใช้แบบฟอร์ม SB SB Forms เป็นโซลูชันแบบฟอร์มง่ายๆ สำหรับการเพิ่มแบบฟอร์มการทำงานให้กับธีมของคุณ เนื่องจากธีมนี้สร้างไว้ล่วงหน้าโดยใช้มาร์กอัป SB Forms ของเรา สิ่งที่คุณต้องทำคือสมัครใช้ SB Forms บน Start Bootstrap

หลังจากลงทะเบียน คุณจะต้องตั้งชื่อโดเมนที่จะใช้กับแบบฟอร์มของคุณ จากนั้นคุณจะเห็นรหัสการเข้าถึงของคุณ คัดลอกสิ่งนี้และวางลงในแอตทริบิวต์ data-sb-form-api-token='API_TOKEN' แทนที่ API_TOKEN แค่นั้นแหละ! แบบฟอร์มของคุณจะพร้อมใช้งาน!

หากคุณไม่ได้ใช้แบบฟอร์ม SB เพียงลบแอตทริบิวต์ข้อมูลที่กำหนดเองออกจากแบบฟอร์ม และลบลิงก์ด้านบนแท็กปิด </body> ไปยังแบบฟอร์ม SB

ข้อบกพร่องและปัญหา

มีข้อบกพร่องหรือปัญหากับเทมเพลตนี้หรือไม่? เปิดประเด็นใหม่ที่นี่บน GitHub หรือแสดงความคิดเห็นในหน้าภาพรวมธีมที่ Start Bootstrap

เกี่ยวกับ

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

  • https://startbootstrap.com
  • https://twitter.com/SBootstrap

Start Bootstrap สร้างและดูแลโดย David Miller

  • https://davidmiller.io
  • https://twitter.com/davidmillerที่นี่
  • https://github.com/davidtmiller

Start Bootstrap ขึ้นอยู่กับเฟรมเวิร์ก Bootstrap ที่สร้างโดย Mark Otto และ Jacob Thorton

ลิขสิทธิ์และใบอนุญาต

ลิขสิทธิ์ 2013-2023 เริ่ม Bootstrap LLC รหัสเผยแพร่ภายใต้ใบอนุญาต MIT

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