The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Using Twitter Bootstrap responsive design

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #145782


    I am just new with CSS and it is fun to learn with. I started learning with Twitter bootstrap CSS framework. My issue is that the side bar height does not goes the same with the height of the main content. Let’s say if I have a long content still my sidebar is fixed length. What property should I add?

    <html lang="en">
        <link href="includes/Bootstrap/css/bootstrap.css" rel="stylesheet">
        <link href="includes/Bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
        <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 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&nbsp;</a></li>
                                    <li><a href="about-us.php">About&nbsp;Us</a></li>
                            </div><!--/.well -->
                        <div class="span9">
                            <div class="hero-unit">
                                If I have a long content here.. The sidebar does not follow the height of the content.

    Thanks in advance…

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.