code_opensource_2020/HTML/bootstrap_use/example1.html at master · juhigupta001/code_opensource_2020 · 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
<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/example1.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <title></title>
</head>

<body>

    <!-- EJEMPLO CREADO PARA MOSTRAR LA FALTA DE RESPONSIVE USANDO PX COMO TAMAÑO -->

    <div id=left>
        <p>Deserunt minim iis incurreret cohaerescant iis ab ab graviterque ne occaecat
            adipisicing ne occaecat id sint ne est legam laboris, de in labore quid quem,
            eram ita quamquam, id esse despicationes si et aut aliqua consequat. Cillum
            vidisse a occaecat. Fore eu deserunt. Sint pariatur aut offendit. Pariatur
            aliqua dolor proident multos, cupidatat malis expetendis senserit. Laboris
            reprehenderit non mandaremus. Do velit quibusdam coniunctione o ut qui quem
            appellat et laborum quid culpa eu quae, sed commodo tractavissent ex laboris
            quae possumus tempor ut o ut nisi enim sint, dolor o admodum non nisi, pariatur
            ea possumus.</p>
    </div>
    <div id="right">
        Nulla ita qui sint officia est qui sunt firmissimum ad labore ab officia,
        arbitror ad varias. Summis nescius illustriora do in iis sint laborum. Sint
        distinguantur nescius veniam deserunt ad aut fugiat commodo imitarentur, ad
        aliqua dolor o probant, te aliquip a quibusdam. Proident quis senserit ullamco
        ne laborum tamen officia, iis anim ullamco eruditionem, probant de quem.
        Mandaremus sunt quamquam, veniam singulis si voluptatibus. Varias ea quo magna
        occaecat. E singulis tractavissent, sed duis firmissimum.
    </div>
    <button id="next" class="btn btn-outline-danger">
        <a href="example2.html">Next example</a>
    </button>

</body>
</html>