"Mix buttons - Moodle 3.3.3"
Bootstrap 2.3.2 Snippet by dgcruzing

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<h2>Mix buttons working</h2>
</div>
</div>
<!-- Start of content block -->
<div class="editor-indent" style="margin-left: 20px; padding: 0 0 0 40px; margin-right: 50px">
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-primary">Primary</button>
<code>A piece of computer code</code>
<button type="button" class="btn btn-success">Success...................................................</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button>·<p><br></p><p><code>A piece of computer code</code><br></p><p><!-- Standard button --></p><p><button type="button" class="btn btn-default">Default</button></p><p><br></p><p><!-- Provides extra visual weight and identifies the primary action in a set of buttons --></p><p><button type="button" class="btn btn-primary">Primary</button></p><p><br></p><p><!-- Indicates a successful or positive action --></p><p><button type="button" class="btn btn-success">Success</button></p><p><br></p><p><!-- Contextual button for informational alert messages --></p><p><button type="button" class="btn btn-info">Info</button></p><p><br></p><p><!-- Indicates caution should be taken with this action --></p><p><button type="button" class="btn btn-warning">Warning</button></p><p><br></p><p><!-- Indicates a dangerous or potentially negative action --></p><p><button type="button" class="btn btn-danger">Danger</button></p><p><br></p><p><!-- Deemphasize a button by making it look like a link while maintaining button behavior --></p><p><button type="button" class="btn btn-link">Link</button></p>
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
<button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Argon Design System
Ribbon Buttons
Сonvenient buttons

Questions / Comments: