Mẫu trang đơn Bootstrap GitHub

Bootstrap 4 UI Kit này sẽ không được cập nhật nữa. Thay vào đó, hãy xem thư viện thành phần mới nhất của chúng tôi để biết Bootstrap 5

chủ đề mẫu bootstrap trang web đáp ứng uikit bootstrap4 ui-thành phần freebie bootstrap-theme thiết kế hệ thống free-bootstrap-theme

  • Cập nhật30 tháng 3 năm 2020
  • JavaScript

PixelRocket-Shop / oldskool-html-bootstrap

Sao 34

  • Mã số
  • Vấn đề
  • Yêu cầu kéo

OldSkool là một mẫu cửa hàng thời trang thương mại điện tử HTML Bootstrap 5 đáp ứng sạch sẽ và tối thiểu

javascript css html mẫu sass bootstrap trang web thương mại điện tử html5 bootstrap-theme miễn phí mẫu thương mại điện tử miễn phí-bootstrap-theme bootstrap-5-mẫu miễn phí-bootstrap-mẫu miễn phí-mẫu-thương mại điện tử miễn phí-chủ đề thương mại điện tử miễn phí-bootstrap-thời trang-mẫu

  • Cập nhậtNgày 19 tháng 9 năm 2021
  • HTML

ajaymarathe / bootcatch-theme

Sao 22

  • Mã số
  • Vấn đề
  • Yêu cầu kéo

🔥Bootcatch Themes là một thư viện mã nguồn mở chứa các Chủ đề Bootstrap tùy chỉnh miễn phí

css bootstrap css-framework bootstrap4 bootswatch bootswatch-theme bootstrap-theme bootcatch bootcatch-theme free-bootstrap-theme ajay-marathe bootcatch-templates bootstrap-themes bootcatch-themes free-customize-themes bootstrap-templates

  • Cập nhậtNgày 9 tháng 5 năm 2021

Cửa hàng PixelRocket / sigma

Sao 15

  • Mã số
  • Vấn đề
  • Yêu cầu kéo

Sigma là một mẫu tiếp thị hoặc kinh doanh HTML Bootstrap 5 đáp ứng

javascript css sass html5 scss free-html-template free-bootstrap-theme free-bootstrap-template free-bootstrap-landing-page free-bootstrap-business-template free-bootstrap-saas-template bootstrap-responsive free-bootstrap-business miễn phí

  • Cập nhậtNgày 6 tháng 9 năm 2022
  • SCSS

wrappixel / monster-admin-lite

Sao 10

  • Mã số
  • Vấn đề
  • Yêu cầu kéo

Monster là chủ đề bảng điều khiển bootstrap 4 miễn phí với thiết kế mới của WrapPixel. Miễn phí cho sử dụng cá nhân và thương mại. Bạn có thể kiểm tra phiên bản cao cấp để biết thêm các tính năng

admin-dashboard bootstrap4 bảng điều khiển-trang bảng điều khiển admin-theme admin-template admin-panel bootstrap-admin-template free-bootstrap-theme dashboard-template monster-bootstrap-admin free-bootstrap-template free-bootstrap-admin-template

  • Cập nhậtNgày 15 tháng 3 năm 2022
  • HTML

ajaymarathe / bootcatch-sidebar

Sao 6

  • Mã số
  • Vấn đề
  • Yêu cầu kéo

xin chào, thanh bên bootcatch là mẫu trang đơn đơn giản với thanh bên dựa trên bootstrap, đó là mẫu khởi động cho mẫu quản trị viên - cảm ơn. )

sidebar-theme bootstrap-sidebar free-bootstrap-theme bootcatch-themes bootcatch-sidebar bootstrap-sidebar-template

  • Cập nhật15/12/2019
  • JavaScript

phoenixcoded/able-pro-free-bootstrap-admin-template

Sao 2

  • Mã số
  • Vấn đề
  • Yêu cầu kéo

Mẫu quản trị Able Pro Bootstrap 4 Phiên bản Lite

admin admin-dashboard bootstrap4 admin-ui bootstrap-sass mua admin-theme bootstrap-4 bootstrap-theme admin-template admin-panel bootstrap-template free-bootstrap-theme free-dashboard lite-admin-theme lite-bootstrap-theme lite-

  • Cập nhật10/12/2020
  • JavaScript

edocbuhtig / wordpress-custom-theme-bootstrap-starter

Sao 0

  • Mã số
  • Vấn đề
  • Yêu cầu kéo

Một Bootstrap 5 Starter Theme, dành cho WordPress với các thẻ meta SEO

wordpress-theme wordpress-starter-theme wordpress-bootstrap free-wordpress-theme wordpress-bootstrap-theme wordpress-seo wordpress-starter free-bootstrap-theme wordpress-custom-theme wordpress-bootstrap-boilerplate bootstrap5-template

Sau khi tải xuống, chỉ cần chỉnh sửa các tệp HTML và CSS có trong thư mục dist. Đây là những tệp duy nhất bạn cần quan tâm, bạn có thể bỏ qua mọi thứ khác. Để xem trước những thay đổi bạn thực hiện đối với mã, bạn có thể mở tệp index.html trong trình duyệt web của mình

Sử dụng nâng cao

Sao chép các tệp nguồn của chủ đề và điều hướng vào thư mục gốc của chủ đề. Chạy npm install và sau đó chạy npm start sẽ mở ra bản xem trước của mẫu trong trình duyệt mặc định của bạn, theo dõi các thay đổi đối với các tệp mẫu chính và tải lại trực tiếp trình duyệt khi các thay đổi được lưu. Bạn có thể xem tệp package.json để biết tập lệnh nào được bao gồm

tập lệnh npm

  • npm run build xây dựng dự án - điều này xây dựng nội dung, HTML, JS và CSS thành dist
  • npm run build:assets sao chép các tệp trong thư mục git clone https://github.com/StartBootstrap/startbootstrap-creative.git0 vào dist
  • git clone https://github.com/StartBootstrap/startbootstrap-creative.git2 biên dịch Pug nằm trong thư mục git clone https://github.com/StartBootstrap/startbootstrap-creative.git3 thành dist
  • git clone https://github.com/StartBootstrap/startbootstrap-creative.git5 đưa tệp git clone https://github.com/StartBootstrap/startbootstrap-creative.git6 vào dist
  • git clone https://github.com/StartBootstrap/startbootstrap-creative.git8 biên dịch các tệp SCSS nằm trong thư mục git clone https://github.com/StartBootstrap/startbootstrap-creative.git9 thành dist
  • dist1 xóa thư mục dist để chuẩn bị xây dựng lại dự án
  • dist3 chạy dự án ở chế độ gỡ lỗi
  • npm start hoặc dist5 chạy dự án, khởi chạy bản xem trước trực tiếp trong trình duyệt mặc định của bạn và theo dõi các thay đổi được thực hiện đối với các tệp trong dist6

Bạn phải cài đặt npm để sử dụng môi trường xây dựng này

Mâu liên hệ

Biểu mẫu liên hệ có sẵn với chủ đề này được tạo sẵn để sử dụng Biểu mẫu SB. SB Forms là một giải pháp biểu mẫu đơn giản để thêm các biểu mẫu chức năng vào chủ đề của bạn. Vì chủ đề này được tạo sẵn bằng cách sử dụng đánh dấu SB Forms của chúng tôi, tất cả những gì bạn cần làm là đăng ký SB Forms trên Start Bootstrap

Sau khi đăng ký, bạn sẽ cần đặt tên miền mà biểu mẫu của bạn sẽ được sử dụng và sau đó bạn sẽ thấy khóa truy cập của mình. Sao chép và dán nó vào thuộc tính dữ liệu dist7 thay cho dist8. Đó là nó. Biểu mẫu của bạn sẽ được thiết lập và chạy

Nếu bạn không sử dụng Biểu mẫu SB, chỉ cần xóa các thuộc tính dữ liệu tùy chỉnh khỏi biểu mẫu và xóa liên kết phía trên thẻ đóng dist9 tới Biểu mẫu SB

Lỗi và Sự cố

Có một lỗi hoặc một vấn đề với mẫu này?

Trong khoảng

Start Bootstrap là một thư viện mã nguồn mở gồm các chủ đề và mẫu Bootstrap miễn phí. Tất cả các chủ đề và mẫu miễn phí trên Start Bootstrap đều được phát hành theo giấy phép MIT, nghĩa là bạn có thể sử dụng chúng cho bất kỳ mục đích nào, ngay cả đối với các dự án thương mại