Jump to content

Twitter Bootstrap responsive design


Recommended Posts

Hi, I am just new with twitter bootstrap and I have started this CSS code for a a responsive design.

<!DOCTYPE HTML><html lang="en"><head>    <link href="includes/Bootstrap/css/bootstrap.css" rel="stylesheet">    <link href="includes/Bootstrap/css/bootstrap-responsive.css" rel="stylesheet"></head><body>    <div class="page-container">        <div class="container">            <div class="container-fluid">                <header class="margin-top">                    <div class="row-fluid">                        <img border=0 src="images/header.jpg" alt="">                    </div>                </header>                                <div class="row-fluid">                    <div class="span3">                        <div class="well sidebar-nav">                            <ul class="nav nav-list">                                <li><a href="index.php">Home</a></li>                                <li><a href="contact-us.php">Contact </a></li>                                <li><a href="about-us.php">About Us</a></li>                            </ul>                        </div><!--/.well -->                    </div><!--/span-->                    <div class="span9">                        <div class="hero-unit">				If I have a long content here.. The sidebar does not follow the height of the content.                        </div>                    </div><!--/span-->                </div><!--/row-->            </div><!--/.fluid-container-->        </div>    </div></body></html>

Now my issue is, if have a long content in my div class "hero-unit". The side bar height does not follow the height of the content. What needs should be added to my "well sidebar-nav" so the sidebar height should be the same as the height of the content?


Thank you,

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...