This my quick and dirty way...
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<link href="
http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css";
rel="stylesheet" />
<style>
#green {background:#22b04c;height:760px;}
#green:hover{background:#1a853a;}
#orange {background:#fd7f27;height:370px;}
#orange:hover{background:#ef6302;}
#blue {background:#1ba2e8;height:370px;}
#blue:hover{background:#1383bd;}
#yellow {background:#fef23f;height:370px;}
#yellow:hover{background:#efe001;}
#purple {background:#a348a4;height:370px;}
#purple:hover {background:#803881;}
</style>
<title></title>
</head>
<body>
<br />
<div class="container">
<div class="row">
<a href="#">
<div class="span4" id="green"></div></a>
<div class="span8">
<div class="row">
<a href="#">
<div class="span4" id="orange"></div></a> <a href="#">
<div class="span4" id="blue"></div></a>
</div><!-- /row -->
<br />
<div class="row">
<a href="#">
<div class="span4" id="yellow"></div></a> <a href="#">
<div class="span4" id="purple"></div></a>
</div><!-- /row -->
</div><!-- /row -->
</div><!-- /container -->
</div>
</body>
</html>
Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936
On 26 May 2013 17:02, Mateusz <[email protected]> wrote:
> Hello,
> i am new user of bootstrap and i have a little problem. I want make
> "metro" menu but i do not know how to use "spans" properly to get this
> effect:
>
> <http://wrzuc.se/images/51a207cb119f9.png>
>
> Can You tell me how to do this in bootstrap with span? Thanks
>
> --
> You received this message because you are subscribed to the Google Groups
> "twitter-bootstrap" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
