Bootstrap Snippet Thumbnails like Bootsnipp using HTML CSS Bootstrap

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.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 style="width: 100%;" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center">
<table class="TixManagementContent" id="TixManagementContent" width="990px">
<tbody><tr>
<td align="center">  
 
<div class="carousel-inner" id="wrapper">
<div class="item active">
 
<div class="col-md-4">
    <a href="#" class="thumbnail">
        <img src="http://placehold.it/350x200" alt="ALT NAME">
        <div class="caption">
            <h3>Artsnaplesworldfestival</h3>
            <p>
            <button href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top">Launch</button>
            <button  href="http://artsnaplesworldfestival.tix.com/" class="btn btn-primary" target="_top">Email</button>
            </p>
        </div>
    </a>
</div>
  
<div class="col-md-4">
    <a href="#" class="thumbnail">
        <img src="http://placehold.it/350x200" alt="ALT NAME">
        <div class="caption">
            <h3>Artsnaplesworldfestival</h3>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
 #wrapper * { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
a {text-decoration:none;}
        body {background-color: rgb(224, 224, 224);}
        table#TixManagementContent  { background-color: rgb(252, 252, 253); }
        table { background-color: rgb(224, 224, 224); }
        
        a:active, a:focus, .btn:active, .btn:focus {outline: 0;}
        
        #wrapper {margin:0px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 0px;}
        #wrapper * { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Thumbnails like Bootsnipp"
Bootstrap 3.1.0 Snippet by escapedlion

Related: See More

Questions / Comments:

"Thumbnails like Bootsnipp" Bootstrap 3.1.0 Snippet by escapedlion

Related: See More

Questions / Comments:

"Thumbnails like Bootsnipp"
Bootstrap 3.1.0 Snippet by escapedlion