Source-Code-from-Tutorials/Bootstrap/009_wells.html at master · codeomnitrix/Source-Code-from-Tutorials · GitHub

39 lines (31 loc) · 1.3 KB

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

<!DOCTYPE html>

<html lang="en">

<head>

<title>thenewboston</title>

<meta charset="utf-8">

<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">

<h2>Wells are sections with border and grey background</h2>

<div class="well">Basic Well</div>

<div class="well well-sm">Small Well</div>

<div class="alert alert-success">

Congratulations, you just won the game!

</div>

<div class="alert alert-info">

<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

Don't forget Kelly's birthday is today!

</div>

<div class="alert alert-danger fade in">

<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>

Are you sure you want to delete your account?

</div>

</div>

</body>

</html>