Insertion header en php qui devra faire le haut et la gauche

Bonjour à tous,

Je sais comment insérer des parties en php (header, footer...) mais cette fois j'aimerais insérer un header qui fasse toute la partie haute mais aussi toute la partie gauche. le corps de la page serait donc toujours calé dedans le header (à droite de la partie gauche de mon header)

J'ai créé la partie gauche mais quand je l'insère sur mon index, ma partie index commence bien à droite mais après la partie gauche du header.

J'espère avoir été assez clair.

Merci à vous

PS: j'utilise bootstrap last version

Oui, je m'en doutais que j'expliquais mal ^^
Sur cette image vite faite, le header sera la partie rouge et le "body" sera la partie bleu. et c'est la partie gauche du rouge (header qui est inséré en php) que je n'arrive pas a mettre au même niveau que le le bleu qui débute après le rouge en bas de lui...

Je suis clair là? ^^

et est-il possible que tu mette ton code sur codepen ou jsfiddle ? car sans code, c'est assez dur de "corriger"

Le code est très succin, je l'ai commencé hier soir pour juste voir la disposition pour le moment.

Ici le header:

<div class="row">
        <section class="col-sm-4 form-group">
        <div class="text-center"><a href="http://www.cvideeo.fr"><object type="image/svg+xml" data="images/logo.svg"></object></a></div>
        </section>
        <section class="col-sm-8 form-group">
        <div class="row">
        <h1>Carte du monde des journaux nationaux</h1></div>
   <div class="row">
   <section class="col-sm-8">
   	<div class="col-sm-12">
        <nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
      <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
    </div>
    <div class="col-sm-12"><img src="/images/facebook-bas.png" alt="Facebook"> 
        <img src="/images/twitter-bas.png" alt="twitter"> 
       <img src="/images/youtube-bas.png" alt="youtube">
        <img src="/images/googleplus-bas.png" alt="google plus"></div></section>
    <section class="col-sm-4">publicité
    </section>
    </div>
    </section></div>
<!--section bas gauche-->
    <section class="col-sm-4">
    	<div class="row">sites internationnaux
        </div>
        <div class="row">publicité
        </div>
    </section>

et ici l'index que je souhaite qui soit placé en place du bleu sur mon shéma:

<div class="container">
  <div class="row">
  <?php include("header.php"); ?>
  
<section class=" col-sm-offset-4 col-sm-8">
<div class="row">carte
</div>
<div class="row">articles
</div>
</section>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    </div></div>

J'ai bien conscience que ce code n'est pas parfait