11월, 2018의 게시물 표시

vue+bootstrap4 템플릿 사용하기

vue-cli Bootstrap-Vue has two vue-cli templates available: webpack-simple : Quick scaffold for a proof of concept or small app webpack : Larger, production ready template with more options # Ensure vue-cli is installed and up to date npm i -g vue-cli # Initialize a bootstrap 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 You can repeat the commands above replacing  bootstrap-vue/webpack-simple  with bootstrap-vue/webpack  for the webpack template.

bootstrap1

<! DOCTYPE html > < html lang = "ko" > < head > < meta charset = "utf-8" > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" > < meta name = "viewport" content = "width=device-width, initial-scale=1" > < link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" > < script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script > < script src = "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" > < / script > < script src = "https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" > < / script > < title > 로그인 폼 </ title > </ head > < body > < div class = "my1" > ...