Bootstrap

웹에서 지도 연동 라이브러리 - LeafLetJS (0)	2019.05.30
[web template] Free bootstrap template - 추천 무료 부트스트랩 템플릿 (0)	2019.05.29
Google 웹 개발자를 위한 점검 사이트 Web.dev 사이트 (0)	2019.05.14
CSS Framework 기능별, 지원 브라우저별 정리 사이트 (0)	2013.10.20
Twitter BootStrap - 트위터 부트스트랩 한글화 사이트 - 강력한 프론트엔드 프레임워크 (0)	2013.09.30

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

ing™ 2019. 5. 29. 23:07

2019. 5. 29. 23:07

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) 라이센스로 배포가 되고 있는 무료 부트스트랩 템플릿이다. ( 링크 )

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

저작자표시 변경금지

'HTML5' 카테고리의 다른 글

[web template] Bootstrap free template 소개 (0)	2019.06.30
웹에서 지도 연동 라이브러리 - LeafLetJS (0)	2019.05.30
Google 웹 개발자를 위한 점검 사이트 Web.dev 사이트 (0)	2019.05.14
CSS Framework 기능별, 지원 브라우저별 정리 사이트 (0)	2013.10.20
Twitter BootStrap - 트위터 부트스트랩 한글화 사이트 - 강력한 프론트엔드 프레임워크 (0)	2013.09.30

BootstrapVue

ing™ 2019. 5. 2. 18:29

2019. 5. 2. 18:29

BootstrapVue

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

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의 기본 예제로 화면에 띄운 그림이다.

저작자표시 변경금지

'Javascript' 카테고리의 다른 글

BootboxJS — Bootstrap의 모달을 쉽게 컨트롤 하자 (0)	2019.05.27
Mobx - Simple, scalable state management (0)	2019.05.11
브라우저에서 particle을 만들어 보자 (0)	2019.04.19
nextjs - service side react framework (0)	2019.04.16
preactjs - react의 subset, simple, lightweight library (0)	2019.04.12

PREV 이전 1 NEXT 다음

Pragmatic Programmer

Bootstrap

[web template] Bootstrap free template 소개

Bootstrap free template 소개

'HTML5' 카테고리의 다른 글

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

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

'HTML5' 카테고리의 다른 글

BootstrapVue

BootstrapVue

BootstrapVue 시작하기

'Javascript' 카테고리의 다른 글

+ Recent posts

티스토리툴바