"Intro 3 boutons"
Bootstrap 3.2.0 Snippet by Tomboasy

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 ---------->
<section id='intro'>
<div class='container-'>
<div class="row-">
<div class='col-sm-6 text-center left'>
<a href='#' class='btn btn-primary btn_1'>Bouton 01</a>
</div>
<div class='col-sm-6 text-center right'>
<a href='#' class='btn btn-primary btn_2'>Bouton 02</a>
</div>
<div class='col-sm-12 text-center'>
<a href='#' class='btn btn-primary btn_3'>Bouton 03</a>
</div>
</div>
</div>
<div class='clearfix'></div>
</section>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
#intro{background:#ccc; padding-top:200px}
.left, .right{}
.btn_1{margin-bottom:20px;width:100%}
.btn_2{margin-bottom:20px;width:100%}
.btn_3{
margin-top: 100px;
border-radius: 380px 380px 0 0;
height: 90px;
width: 180px;
padding-top: 35px;
border: none;
text-transform: uppercase;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: