Skip to content

Commit cdbe600

Browse files
author
Sebastian
committed
Se agrega carpeta y archivo html flotante
1 parent a527f89 commit cdbe600

File tree

1 file changed

+94
-0
lines changed

1 file changed

+94
-0
lines changed

‎bootstrap curso/Flotantes y Posiciones Fijas/flotante.html

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Flotantes y Posiciones Fijas</title>
7+
<link rel="stylesheet" href="../../Bootstrap/css/bootstrap.min.css"/>
8+
</head>
9+
<body>
10+
11+
<div class="float-left">
12+
hello
13+
</div>
14+
15+
<div class="float-none">
16+
hello
17+
</div>
18+
19+
20+
<div class="float-right">
21+
hello
22+
</div>
23+
24+
25+
<div class="float-sm-right">
26+
world
27+
</div>
28+
29+
<div class="float-md-right">
30+
world
31+
</div>
32+
33+
<div class="float-lg-right">
34+
world
35+
</div>
36+
37+
<div class="float-xl-right">
38+
world
39+
</div>
40+
41+
<hr>
42+
43+
<div class="float-sm-left">
44+
world
45+
</div>
46+
47+
<div class="float-md-left">
48+
world
49+
</div>
50+
51+
<div class="float-lg-left">
52+
world
53+
</div>
54+
55+
<div class="float-xl-left">
56+
world
57+
</div>
58+
59+
60+
<hr>
61+
62+
<div class="float-sm-none">
63+
world
64+
</div>
65+
66+
<div class="float-md-none">
67+
world
68+
</div>
69+
70+
<div class="float-lg-none">
71+
world
72+
</div>
73+
74+
<div class="float-xl-none">
75+
world
76+
</div>
77+
78+
<div class="bg-success clearfix">
79+
<button class="float-left"> Left</button>
80+
<button class="float-right"> Right</button>
81+
</div>
82+
<h3 class="sticky-top"> NavBar</h3>
83+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum mollitia ratione enim neque, optio dignissimos cumque temporibus nostrum officiis odio. Delectus vel assumenda necessitatibus accusamus laboriosam magnam blanditiis soluta quod.</p>
84+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum mollitia ratione enim neque, optio dignissimos cumque temporibus nostrum officiis odio. Delectus vel assumenda necessitatibus accusamus laboriosam magnam blanditiis soluta quod.</p>
85+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum mollitia ratione enim neque, optio dignissimos cumque temporibus nostrum officiis odio. Delectus vel assumenda necessitatibus accusamus laboriosam magnam blanditiis soluta quod.</p>
86+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum mollitia ratione enim neque, optio dignissimos cumque temporibus nostrum officiis odio. Delectus vel assumenda necessitatibus accusamus laboriosam magnam blanditiis soluta quod.</p>
87+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum mollitia ratione enim neque, optio dignissimos cumque temporibus nostrum officiis odio. Delectus vel assumenda necessitatibus accusamus laboriosam magnam blanditiis soluta quod.</p>
88+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum mollitia ratione enim neque, optio dignissimos cumque temporibus nostrum officiis odio. Delectus vel assumenda necessitatibus accusamus laboriosam magnam blanditiis soluta quod.</p>
89+
90+
<h3 class="fixed-bottom"> Pie</h3>
91+
92+
93+
</body>
94+
</html>

0 commit comments

Comments
 (0)