<html>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<p><b>1 </b>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, perferendis, possimus blanditiis dignissimos minima provident officiis natus adipisci eos voluptas reiciendis at aspernatur, magnam voluptatem architecto doloribus ducimus placeat, suscipit quae animi. Velit sapiente laudantium dolorem, est, quas recusandae. Sint libero quae reprehenderit dignissimos qui voluptate aspernatur illo eos quo.</p>
</div>
<div class="col-md-3 col-sm-6">
<p><b>2</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, accusantium culpa. Excepturi voluptates laborum quis cumque laudantium nostrum, voluptate placeat repellendus beatae vitae provident, temporibus minima ad molestias numquam quam distinctio cupiditate ducimus repudiandae. Hic!</p>
</div>
<div class="col-md-3 col-sm-6">
<p><b>3</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis, ducimus dolor sed, magni tempora vitae temporibus alias inventore, sapiente consequatur, reprehenderit ipsa amet itaque perferendis.</p>
</div>
<div class="col-md-3 col-sm-6">
<p><b>4</b> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum nulla, incidunt autem tenetur eos magni repellat sed nihil itaque quos, soluta eveniet hic libero ullam aspernatur optio. Repudiandae rem, quia quidem tempore dolores id consequuntur earum esse saepe unde pariatur nesciunt. Soluta optio illum numquam. Magnam dignissimos soluta, earum debitis.</p>
</div>
</div>
<p><b>content </b>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore nisi, architecto. Alias esse vitae repellat quae excepturi similique perspiciatis libero harum iusto minima molestiae voluptatum, asperiores cumque amet reiciendis modi fuga quis, ipsum distinctio impedit quisquam minus dicta odit. Ab, architecto repellat quibusdam placeat sed ut. Recusandae necessitatibus earum nam soluta, est ea ducimus dolore repellendus animi quos quo beatae consectetur doloribus iusto sed veniam reprehenderit obcaecati laborum qui nemo, nihil repellat cupiditate in! Enim at nulla magnam itaque earum vel id mollitia repudiandae doloribus iure, numquam velit, quasi nobis illo vero assumenda. Ut iusto unde eius numquam quia porro quaerat nobis, ad reprehenderit. Reiciendis sint beatae est quaerat, distinctio, facere nulla accusantium dolore. Consequatur, aperiam. Quas enim ea numquam alias voluptates voluptatibus repellendus doloribus illo, libero veniam, corporis laborum reiciendis totam! Dolores veritatis iure tempore consequuntur commodi aperiam fugit rerum quo, architecto eos nihil totam. Reprehenderit vitae quisquam, doloribus eius, obcaecati dicta officiis iste possimus maiores autem sequi, consequuntur quibusdam. Minus tenetur, voluptas asperiores, aperiam rem aspernatur placeat odio, eius saepe quidem facere quia alias illo doloremque quos mollitia. Alias, tempora ex deleniti pariatur magni quisquam rem facere illum culpa recusandae incidunt iste quidem id, asperiores, consequatur numquam rerum.</p>
</div>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |