Boostrap 3
HTML
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<h3>Connecting a Push Button to BeagleBone Black</h3>
<img src="https://learn.adafruit.com/system/guides/images/000/000/339/medium310/overview_web.jpg" alt="Sample Image">
<div class="caption">
<p>In this tutorial, you will learn how to connect a push button switch to a BeagleBone Black and have it display a message when the button is pressed.</p>
<p>In this tutorial, you will learn how to connect a push button switch to a BeagleBone Black and have it display a message when the button is pressed.</p>
<p>In this tutorial, you will learn how to connect a push button switch to a BeagleBone Black and have it display a message when the button is pressed.</p>
<p>In this tutorial, you will learn how to connect a push button switch to a BeagleBone Black and have it display a message when the button is pressed.</p>
<p>In this tutorial, you will learn how to connect a push button switch to a BeagleBone Black and have it display a message when the button is pressed.</p>
<p>In this tutorial, you will learn how to connect a push button switch to a BeagleBone Black and have it display a message when the button is pressed.</p>
<p>In this tutorial, you will learn how to connect a push button switch to a BeagleBone Black and have it display a message when the button is pressed.</p>
<p>In this tutorial, you will learn how to connect a push button switch to a...
CSS
.thumbnail img{
width: 200px;
height: 150px;
}
.thumbnail{
width: 300px;
height: 500px;
}
.thumbnail h3{
height: 100px;
}