HTML Snippets for Twitter Boostrap framework : Bootsnipp.com

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/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container-fluid" style="margin-top: 30px">
    <div class="row-fluid">
        <div id="myTabHolder" class="span10 offset1 tabbable tabs-left">
            <ul class="nav nav-tabs">
                <li class="active">
                    <p class="tabx" data-target="#lA" data-toggle="tab">
                    <!-- <a href="#lA" data-toggle="tab"> -->
                        <span class="account-type">HSA</span><br/>
                        <span class="account-amount">$587.00</span><br/>
                        <!-- <span class="account-link">Investments</span> -->
                        <a href="#" class="account-link">Investments</a>
                    <!-- </a> -->
                    </p >
                </li>
                <li class="">
                    <a href="#lB" data-toggle="tab">
                        <span class="account-type">FSA</span><br/>
                        <span class="account-amount">$587.00</span><br/>
                        <span class="account-link">Investments</span>
                    </a>
                </li>
                <li class="">
                    <a href="#lC" data-toggle="tab">
                        <span class="account-type">HSAOD</span><br/>
                        <!--<span class="account-amount">$587.00</span><br/>-->
                        <!--<span class="account-link">Investments</span>-->
                    </a>
                </li>
                <li class="">
                    <a href="#lD" data-toggle="tab">
                        <span class="account-type">DCAP</span><br/>
                        <span class="account-amount">$587.00</span><br/>
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
/** Import ROBOTO font **/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);
body
{
  font-family: 'Roboto', sans-serif;
  color: #B7C4CB;
  background-color: #F7F9F9;
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
}
body > div {
    margin-top: 10px;
}
.tabbable > .nav-tabs > li > p {
    border: solid 1px transparent;
    padding-top: 28px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: -1px;
}
a, .account-link
{
    color: #72B032;
}
.account-type
{
    font-family: 'Roboto', sans-serif;
    color: #A0AEB6;
    font-size: 18px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Vertical tabs - versión 2 [sin enlaces]"
Bootstrap 2.3.2 Snippet by victorgaldamezstarshot

Related: See More

Questions / Comments:

"Vertical tabs - versión 2 [sin enlaces]" Bootstrap 2.3.2 Snippet by victorgaldamezstarshot

Related: See More

Questions / Comments:

"Vertical tabs - versión 2 [sin enlaces]"
Bootstrap 2.3.2 Snippet by victorgaldamezstarshot