개발초보
1k
2017-03-23 11:27:36
9
1891

부트스트랩 문의


아래링크를 이용해서 부트스트랩 페이지를 만들더라구요

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

그래서 간단한 예제를 찾아 보니 아래와 같던데요
그럼 제가 느끼기엔 결국 css관련한 내용들을 부트스트랩 라이브러리를 이용한것이다라는 것인데
제공하는 css로만 페이지를 만든다라는 뜻인건가요?

그리고 좀 더 맛볼 수 있는 간단한 예제 어디 없을런지요

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" 

href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <!-- jquery CDN , bottstrap의 javascript파일은 jquery를 사용한다 -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <!-- bootstarp이 사용할 javascript파일의 CDN -->
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
  
<div class="container">
  <h1>My First Bootstrap Page</h1>
  <p>This part is inside a .container class.</p>
  <p>The .container class provides a responsive fixed width container.</p>
</div>
 
</body>
</html>

0
  • 답변 9

  • 히로
    1k
    2017-03-23 11:39:24 작성 2017-03-23 11:41:12 수정됨

    http://getbootstrap.com/getting-started/

    공식홈에 여러 데모들이 존재합니다.


    제공하는 파일로만 만든다기 보다는...

    기본을 제공해주는 것이고..커스터마이징이 가능합니다.

  • 개발초보
    1k
    2017-03-23 11:43:56

    구글링을 하면서 보니 

    커스터마이징 한 부트스트랩 테마들도 있다고 하던데

    테마별로 된 소스들도 위 url에 가서도 볼 수 있는건가요?

    아님 그것들은 그냥 검색해서 나름 찾아야 하는건가요?

  • Mambo
    5k
    2017-03-23 12:01:45

    bootstrap template이라고 구글 검색하시면 무료도 있고 유료도 존재합니다.


  • 협군
    6k
    2017-03-23 12:12:54
    공식 홈페이지는 보셨나요?
  • 개발초보
    1k
    2017-03-23 14:54:35

    보고 있습니다. 영어가 잘 안되다 보니 ...

    공식홈에서는 유료는 보이는데...

  • 개발초보
    1k
    2017-03-23 14:55:14

    히로, KDEV// 감사요 더 찾아보겠습니다. ^^

  • 나우
    87
    2017-03-23 15:19:47 작성 2017-03-23 15:20:40 수정됨

    저도 부트스트랩 템플릿들 추천합니다.

    너무 좋은게 많아서 솔직히 지금까지 프론트엔드에 시간들여 개발한 것이 너무 아까울정도였어요..

    각종 Form 부터 Carousel이나 List 등등 다양한 기능들 테마에 맞게 잘 꾸며져 있어 활용하기 좋아보이더군요.


  • 개발초보
    1k
    2017-03-23 16:09:32

    나우//그렇군여....솔루션 제품만 가지고 만지는 일을 하다 보니 사시 css나 기타 스크립트를 많이 할 일이 없었거든여

    그래서 많이 모르다 보니 새로운 것들을 해보고 싶더라구요

    부트스트랩 무료 템플릿들도 공식홈에는 없고 그냥 구글링 해야 하는거져?

    공식홈에 있는데 혼자 헤매고 못찾나 싶어서요

  • 나우
    87
    2017-03-24 00:51:46

    KDEV님 이 알려주신대로 검색하심 되요

    이 사이트에도 많이 있습니다.

    https://startbootstrap.com


    템플릿들은 대부분 부트스트랩을 잘 활용하고 있으니

    예제삼아 공부하며 보기에도 좋을듯해요

  • 로그인을 하시면 답변 을 등록할 수 있습니다.