반응형
http://twitter.github.io/bootstrap/ 에 지금 부트스트랩 3 RC1이 나왔네요.
이 페이지에도 적용시켜봤습니다.
잠깐 여기서 부트스트랩이란,?
소셜네트워크서비스 트위터 개발자들이 제작한 좋은 CSS자료입니다.
1 <!-- Latest compiled and minified CSS -->
2 <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
3
4 <!-- Latest compiled and minified JavaScript -->
5 <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
이처럼 부트스트랩에는 자바스크립트도 들어갑니다. 디자인만 쓰시려면 css만 가져가셔도 됩니다.
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>Hello, world!</h1>
<!-- JavaScript plugins (requires jQuery) -->
<script src="http://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<!-- Optionally enable responsive features in IE8 -->
<script src="js/respond.js"></script>
</body>
</html>
이렇게 작은소스만으로도 이런 디자인을 구현할수있는데요. 매우 쓸만합니다.
웹 디자인을 못하시는 분이나 디자인이 생각안나시는분을 위해 추천드리는 웹 디자인 도구입니다.
마무리가 너무 엉성하네요.
아래의 손가락버튼을 눌러주시면 블로그에 매우 큰 도움이됩니다. 히히
Copyright © 이동마이의 컴퓨터 하루 All Rights Reserved.
반응형
'별별 강의' 카테고리의 다른 글
| [명함 제작]프린트샵- 명함제작 후기 (2) | 2013.08.24 |
|---|---|
| [Apple App Store] 아이튠즈 없이 환불 진행 하기 (18) | 2013.08.15 |
| [은행,예금]19세 이하 19세 이상 통장만들기,통장개설 (0) | 2013.07.07 |
| [아이디 만들기]효율적인 아이디 만들기 전략 - myskys2 (0) | 2013.07.06 |
| [루프백 아이피] 127.0.0.1만이 루프백 아이피가 아니다? - lhs9842 (2) | 2013.05.17 |
댓글