Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" id="boot" rel="stylesheet" type="text/css" />
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
​
<body>
  <button class="btn">TOGGLE BOOTSTRAP CSS</button>
  
  <h1>h1. Bootstrap heading</h1>
  <h2>h2. Bootstrap heading</h2>
  <h3>h3. Bootstrap heading</h3>
  <h4>h4. Bootstrap heading</h4>
  <h5>h5. Bootstrap heading</h5>
  <h6>h6. Bootstrap heading</h6>
​
  <div class="panel panel-default">
    <div class="panel-body">
      Basic panel example
    </div>
  </div>
  
  <form class="form-inline" onsubmit="return false; event.preventDefault();">
    <div class="form-group">
      <label for="exampleInputName2">Name</label>
      <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
    </div>
    <div class="form-group">
      <label for="exampleInputEmail2">Email</label>
      <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
    </div>
    <button type="submit" class="btn btn-default">Send invitation</button>
  </form>
  
  <p class="bg-primary">Some example text.</p>
  <p class="bg-success">Some example text.</p>
  <p class="bg-info">Some example text.</p>
  <p class="bg-warning">Some example text.</p>
  <p class="bg-danger">Some example text.</p>
​
</body>
​
</html>
 
var sheet = document.getElementById('boot'),
    btn = document.querySelector('.btn');
​
btn.addEventListener('click', function () {
  sheet.disabled = (sheet.disabled === false) ? true : false;
}, false);
​
console.log(sheet.disabled);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
ImpressiveWebspro
0viewers