Bootstrap-ALL-Example/bootstrip_buttonall.php at master · ShahnawazGold/Bootstrap-ALL-Example · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<html>
<head>
<title> my bootstrap</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="jquery.js"></script>
<script src="js/bootstrap.min.js"></script>


</head>

<body>
<div class="btn-group-vertical btn-group-em">
<button class="btn btn-defualt">click me</button>
<button class="btn btn-info">click me</button>
<button class="btn btn-danger">click me</button>
<button class="btn btn-warning">click me</button>
<button class="btn btn-primary">click me</button>
<button class="btn btn-success">click me</button>
<button class="btn btn-muted">click me</button>
</div>

<div class="btn-group btn-group-justified">
<a href="#" class="btn btn-defualt">click me</a>
<a href="#" class="btn btn-info">click me</a>
<a href="#" class="btn btn-danger">click me</a>
<a href="#" class="btn btn-warning">click me</a>
<a href="#" class="btn btn-primary">click me</a>
<a  href="#" class="btn btn-success">click me</a>
<a  href="#" class="btn btn-muted">click me</a>
</div>

<div class="btn-group btn-group-justified">
<div class="btn-group">
<button class="btn btn-defualt">click me</button>
</div>
<div class="btn-group">
<button class="btn btn-defualt">click me</button>
</div>
<div class="btn-group">
<button class="btn btn-defualt">click me</button>
</div>
<div class="btn-group">
<button class="btn btn-defualt">click me</button>
</div>
</div>


<!-- drop down menu -->

<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">click me dropdown</button>
<ul class="dropdown-menu">

		<li><a href="#" >home</a></li>
		<li><a href="#" >home</a></li>
		<li><a href="#" >home</a></li>
		<li><a href="#" >home</a></li>
		<li class="divder"></li>
		<li class="dropdown-header">personal</li>
		<li><a href="#" >logout</a></li>
</ul>
</div>

<div class="btn-group">
<button class="btn btn-primary">click me group</button>
<button class="btn btn-primary">click me group</button>

<div class="btn-group">

<button class="btn btn-info dropdown-toggle" data-toggle="dropdown">click me group shah</button>
<ul class="dropdown-menu">
		<li><a href="#" >home</a></li>
		<li><a href="#" >home</a></li>
		<li><a href="#" >home</a></li>
		<li><a href="#" >home</a></li>
		<li class="divder"></li>
		<li class="dropdown-header">personal</li>
		<li><a href="#" >logout</a></li>
</ul>
</div>
</div>


</body>

</html>