html - Twitter Bootstrap - Row Div and Span Divs 1px Size -

html - Twitter Bootstrap - Row Div and Span Divs 1px Size -

i creating landing page in twitter bootstrap , have run problem. row , spans contained within row beingness filled content. each coming across 1px in height.

http://www.landing.xeonweb.com.au - url

below code:

<!-- bootstrap --> <link href="css/bootstrap.css" rel="stylesheet" media="all"> <link href="css/bootstrap-responsive.css" rel="stylesheet" media="all"> <!--bootstrap js--> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script>

<div id="headerwrapper"> <div id="header" class="container"> <div class="row"> <div class="span5"> <div id="logo"> <img src="../img/logo.png" alt="barrier reef pools newcastle"> </div> <div id="contactbutton"> <button class="btn btn-large btn-block btn-success" type="button">contact us</button> </div> </div> <div class="span5"> <div id="mycarousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="#mycarousel" data-slide-to="0" class="active"></li> <li data-target="#mycarousel" data-slide-to="1"></li> <li data-target="#mycarousel" data-slide-to="2"></li> </ol> <!-- carousel items --> <div class="carousel-inner"> <div class="item"><img src="img/majestichead.jpg" alt="majestic range" /></div> <div class="active item"><img src="img/barrierhead.jpg" alt="barrier reef range" /></div> <div class="item"><img src="img/indulgencehead.jpg" alt="indulgence range" /></div> </div> <!-- carousel nav --> <a class="carousel-control left" href="#mycarousel" data-slide="prev">&lsaquo;</a> <a class="carousel-control right" href="#mycarousel" data-slide="next">&rsaquo;</a> </div> <!--end row--> </div> <!--end header--> </div> <!-end head wrap--> </div>

the header not responsive eiether thinking because of this? help appreciated.

try <div class="row-fluid"> instead of <div class="row">

html css twitter-bootstrap