JSFiddle - React, Tailwind, and code Playground

by oroce

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <button class="btn btn-navbar">
                <span class="icon-bar"></span>        
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12 iframe-holder">
            <iframe src="http://m.index.hu" border="0" width="auto" height="auto"></iframe>
        </div>
    </div>
</div>
<div class="navbar navbar-fixed-bottom">
    <div class="navbar-inner">
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span2">&nbsp;</div>
                 <div class="span1">
                    <span class="icon-pencil"></span>
                </div>
                <div class="span2">&nbsp;</div>
                <div class="span1">
                    <span class="icon-bookmark"></span>
                </div>
                <div class="span2">&nbsp;</div>
                <div class="span1">
                    <span class="icon-user"></span>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.navbar .btn-navbar{
    float:left;
}
iframe{
    width: auto;
    height: auto;
}
.iframe-holder{
    margin: 0px;
}
.navbar-fixed-top{
    margin-bottom:0;
}
.navbar-fixed-bottom{
    margin-top:0;
}
.container-fluid{
    margin:0;
    padding:0;
}
.container-fluid > .row-fluid{
    margin:0;
}

JavaScript

var iframeHolder = $( ".iframe-holder" );
$( "iframe" ).css( "width", iframeHolder.css("width") ).css( "height", iframeHolder.css("height") );