I used a little jquery, I am not sure if this is the best way, but it does
work (as long as you are using jquery for your project)
<script>
$('#sideContainerID').height($('#mainContentID').height()); </script>
On Tuesday, August 6, 2013 12:27:33 AM UTC-7, neophyte37 wrote:
>
>
> Here is my current CSS...
>
> <!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>
>
> What shall to make sure that the height of my sidebar should be the same
> as the height of the main content?
>
> 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.
