"calendar"
Bootstrap 3.0.0 Snippet by evarevirus

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
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<table>
<summary><strong>February</strong> 2014</summary>
<thead>
<tr>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
<th>Sun</th>
</tr>
</thead>
<tr>
<td>
<span class="date">
27
<ul>
<li>
<span class="event">Bus Stop</span>
<span class="time">4 pm</span>
</li>
</ul>
</span>
</td>
<td>
<span class="date">28</span>
</td>
<td>
<span class="date">29</span>
</td>
<td>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
* {
font-size: 100%;
}
*:before,
*:after {
box-sizing: border-box;
}
body {
margin: 0.5em;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
height: 100%;
min-width: 800px;
}
@media (max-width: 800px) {
table .time {
display: none;
}
}
summary {
padding-bottom: 0.25em;
font-size: 1.5em;
font-weight: 100;
text-align: right;
}
tr {
position: relative;
}
th {
text-align: right;
color: #999;
font-weight: normal;
font-size: 0.85em;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: