티스토리 뷰

웹 애플리케이션을 개발하면서 당장 특정 CSS 및 JavaScript 코드를 확인하고자 할 때 HTML 파일을 새로 작성하고 브라우저를 작동하는 것은 무척 귀찮은 일이다.


JSFIDDLE은 온라인 상에서 바로 이러한 작업을 가능하게 해준다.

아래는 Twitter Bootstrap의 소스 코드를 작성할 때의 기본 세팅이다.


1. CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');


2. JavaScript

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.min.js">


3. HTML (테스트할 코드를 입력)

<div class="controls form-inline">
    <label for="key">Key</label>
    <input type="text" class="input-small" id="key">
    <label for="value">Value</label>
    <input type="password" class="input-small" id="value">
</div>


댓글
댓글쓰기 폼