Bootstrap/index.html at master · ribhu0405/Bootstrap · GitHub

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>thenewboston</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

</head>
<body>
    <div class="container">


        <h1>3 Column Layout</h1>
        <div class="row">

            <div class="col-md-4" style="background-color : #FF9999">Left</div>
            <div class="col-md-4" style="background-color : #99CCFF">Middle</div>
            <div class="col-md-4" style="background-color : #00CC99">Right</div>

        </div>

        <p> You can highlight words or <mark>text using mark</mark> tags. </p>

        <blockquote>
            <p>Sometimes I wet the bed on purpose </p>
            <footer>My Grandpa</footer>
        </blockquote>

        <h4>Things to do when you get bored</h4>
        <dl>

            <dt>Indoors</dt>
                <dd>- take a nap</dd>
                <dd>- watch Netflix for 8 hours</dd>
            <dt>Outdoors</dt>
                <dd>- go back inside</dd>
        </dl>

        <p>To Set the users weight <code>setUserWieght(374);</code> with an Integer</p>

        <p>For multi line code use the pre tags</p>

        <pre>
for i in range(101):
    if ( n % 4 ) == 0 :
        print(n)

        </pre>

        <p>This is supposed to Keyboard Input <kbd>Ctrl+Alt+Del</kbd></p>

        <h4>Build In Color Classes</h4>

        <p class="text-muted">Text Muted</p>
        <p class="text-success">Form Filled Out Correctly</p>
        <p class="text-danger">Danger Text</p>

        <p class="bg-success">Form Filled Out Correctly</p>
        <p class="bg-danger">Danger Text</p>


    </div>
</body>
</html>