<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- menu cubugu header --> <?php include('header.php') ?> <div class="container-fluid mt-3" style="background-color:#f9f9f9;"> <div class="row"> <div class="col-md-3"> <!-- sol taraf --> </div> <div class="col-md-6"> <!-- içerikler --> <div class="row"> <div class="col-md-1"> <!-- bos --> </div> <div class="col-md-10"> <div class="row"> <div class="col-md-3"> <img src="http://gezginsozluk.org/images/users/ba/tu/batuhan-ciftci_thumb.jpg" alt="..." class="img-thumbnail"> </div> <div class="col-md-9"> <h3> Ali </h3> <div class=""> <div class="bd-example"> <button type="button" class="btn btn-secondary btn-sm">yazar</button> <button type="button" class="btn btn-danger btn-sm">mesaj gönder</button> <button type="button" class="btn btn-primary btn-sm">takip et</button> <p class="mt-2"> Lorem Ipsum pasajlarının birçok çeşitlemesi vardır.Bir bildikleri elbet.</p> </div> <div> <span> <b>#toplam yazı sayısı :</b> 35 </span> <br> <span><b> toplam yorum sayısı :</b> 3125 </span> </div> </div> </div> </div> <div class="col-md-12"> <div class="bd-example mt-2"> <button type="button" class="btn btn-success btn-sm">yazdığı yazılar</button> <button type="button" class="btn btn-warning btn-sm">yaptığı yorumlar</button> </div> </div> </div> <!-- uye kayıt formu --> <div class="col-md-1"> <!-- bos --> </div> </div> </div> <div class="col-md-3"> <!-- sağ --> </div> </div> </div> <footer> <!-- footer --> </footer>