Bootstrap free template 소개


관련 자료

https://themequarry.com/category/free

 

Free High Quality Website Templates | ThemeQuarry

DETAILS DEMO

themequarry.com

https://material-dashboard-laravel.creative-tim.com/home

 

Material Dashboard Laravel by Creative Tim

Material Dashboard Laravel is a Free Material Bootstrap Admin Preset for Laravel with a fresh, new design inspired by Google's Material Design.

material-dashboard-laravel.creative-tim.com

https://www.pikeadmin.com/demo/

 

Pike Admin - Free Bootstrap 4 Admin Template

Orders 1,587 15 New Orders

www.pikeadmin.com

 



https://www.themequarry.com에서 무료 카테고리로 들어가면 여러가지 공짜 템플릿을 살펴 볼 수가 있다.

 

[그림] 템플릿 화면

 

 

 

 

Free bootstrap template - 추천 무료 부트스트랩 템플릿


관련 자료

https://github.com/ColorlibHQ/AdminLTE

 

ColorlibHQ/AdminLTE

AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x - ColorlibHQ/AdminLTE

github.com

https://adminlte.io/

 

Free Bootstrap Admin Template | AdminLTE.IO

Bootstrap is raking over the world and so is React. Therefore, we decided to showcase these outstanding React Bootstrap templates May 20, 2019

adminlte.io

https://github.com/weituotian/AdminLTE-With-Iframe

 

weituotian/AdminLTE-With-Iframe

AdminLTE With Iframe- 基于AdminLTE适合中国国情的网站模版. Contribute to weituotian/AdminLTE-With-Iframe development by creating an account on GitHub.

github.com

https://weituotian.github.io/AdminLTE-With-Iframe/pages/index_iframe.html

 

AdminLTE 2 | with iframe

 

weituotian.github.io

https://themequarry.com/

 

Premium Website Themes & Templates | ThemeQuarry

DETAILS DEMO

themequarry.com



 

 

The MIT License (MIT) 라이센스로 배포가 되고 있는 무료 부트스트랩 템플릿이다. ( 링크

 

[그림] AdminLTE 템플릿 대쉬보드 화면

 

다른 github에서 "weituotian"라는 분이 iframe용으로 탭 네비게이션 관리자 페이지를 만들었다. 탭 네비게이션이 필요한 사람은 이 템플릿을 사용해도 되겠다.

 

[그림] AdminLTE with iframe 대쉬보드 화면

 

BootstrapVue


관련 자료

 

https://blog.logrocket.com/getting-started-with-bootstrapvue-2d8bf907ef11

 

Getting started with BootstrapVue

In this post, we will learn the basics of BootstrapVue, demonstrate the setup process and build out an example Vue.js project.

blog.logrocket.com

https://bootstrap-vue.js.org/

 

BootstrapVue

Quickly integrate Bootstrap 4 components with Vue.js

bootstrap-vue.js.org

https://github.com/bootstrap-vue/bootstrap-vue

 

bootstrap-vue/bootstrap-vue

BootstrapVue, with over 40 plugins and more than 75 components, provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and au...

github.com



 

 

Vue.js와 세계에서 가장 널리 사용되는 프런트 엔드 CSS 라이브러리 인 Bootstrap 4를 사용하여 웹에서 반응 형 모바일 우선 프로젝트를 구축하십시오.

BootstrapVue는 광범위하고 자동화 된 WAI-ARIA 액세스 가능성 마크 업을 갖춘 Vue.js 2.5+에서 사용할 수있는 가장 포괄적 인 Bootstrap V4 구성 요소 및 그리드 시스템 구현 중 하나를 제공합니다.

 

WAI-ARIA 

https://github.com/lezhin/accessibility/blob/master/aria/README.md

 

lezhin/accessibility

모두를 위한 설계. 레진 웹 접근성 가이드라인. Contribute to lezhin/accessibility development by creating an account on GitHub.

github.com

[그림1] BootstrapVue logo

 

BootstrapVue 시작하기

Vue.js를 사용하여 반응이 빠른 모바일 우선 사이트 구축을위한 Bootstrap V4를 시작하십시오.

  • Vue.js v2.5 is required, v2.6.10 is recommended
  • Bootstrap v4.3 is required, v4.3.1 is recommended
  • PortalVue v2.0 is required, v2.1.1 is recommended
  • jQuery is not required

 

Using module bundlers

...더보기

# With npm

npm i vue bootstrap-vue bootstrap

 

# With yarn

yarn add vue bootstrap-vue bootstrap

진입점에 아래 코드 삽입

// app.js
import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

Bootstrap and BootstrapVue css 파일 삽입

// app.js
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

 

- Vue CLI 2 이용해서 시작하기

# Ensure Vue CLI is installed and up to date
npm i -g vue-cli

# Initialize a BootstrapVue project in the directory 'my-project'
vue init bootstrap-vue/webpack-simple my-project

# Change into the directory
cd my-project

# Install dependencies
npm i

# Fire up the dev server with HMR
npm run dev

 

 

아래 그림은 BootstrapVue에서 Form의 기본 예제로 화면에 띄운 그림이다.

[그림2] BootstrapVue form

 

 

 

 

+ Recent posts