Results 1 to 2 of 2

Thread: Just getting started and sure I have it all wrong but my columns are on top of each

  1. #1
    Junior Member
    Join Date
    Oct 2015
    Posts
    1

    Just getting started and sure I have it all wrong but my columns are on top of each

    Just getting started with bootstrap and sure I have it all wrong but my columns are on top of each other I wanted to panels with data inside one Blue and one green. Where is my problem Thanks

    PHP Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <title>DashBoard</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="http://localhost/css/bootstrap.min.css">
      <script src="https://localhost/js/jquery.min.js"></script>
      <script src="http://localhost/js/bootstrap.min.js"></script>
    </head>
    <body>

             <div class="row">
             <div class="col-lg-3 col-md-6">
                        <div class="panel panel-green">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-comments fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 pull-left text-right">
                                   <div><?php include 'bs_kf_production_price.php';?></div>
                                    </div>
                                </div>
                            </div>
                          
                        </div>
                </div>
            </div>


             <div class="row">
             <div class="col-lg-3 col-md-6">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-comments fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 pull-right text-right">
                                   <div><?php include 'bs_kf_orders_entered_by.php';?></div>
                                    </div>
                                </div>
                            </div>
                          
                        </div>
                </div>
            </div>
     
    </body>
    </html>
    Last edited by kat35601; 10-23-2015 at 07:42 PM.

  2. #2
    First, why do you have lg and md together they are the same size, take out pull left, col's should automatically align themselves beside each other by default

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •