Bootstrap düzenleme

Mustafa_64

Hectopat
Katılım
14 Eylül 2014
Mesajlar
53
Daha fazla  
Cinsiyet
Erkek
Aşağıdaki kodlamada şunu yapmak istiyorum. Sayfa divi ile üstteki logo ve menülerin olduğu bölümün gözükmesini istemiyorum. Yani Sayfa divi menü bölümünün altına yapışmış bir şekilde gözükmesini istiyorum. Yardımcı olursanız sevinirim.

Kodlar:

HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Logo Nav - Start Bootstrap Template</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/logo-nav.css" rel="stylesheet">
 
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="http://placehold.it/150x50&text=Logo" alt="">
                </a>
            </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 navbar-right">
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Services</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>
 
    <!-- Page Content -->
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">
               SAYFA
             
             
            </div>
      </div>
    </div>
    <!-- /.container -->
 
    <footer class="panel-footer navbar-fixed-bottom">
      <div class="container">
        <p class="text-muted">2016</p>
      </div>
    </footer>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

</body>
</html>

Yok mu yardımcı olabilecek.
 
Dostum merhabalar, Anladığım kadarıyla page content'inin üst menüye arasında olan boşluğu kaldırmak istiyorsun. Projenin css dosyasını görmediğim ve projenin gidişatı konusunda bilgi sahibi olmadığım için sunabileceğim en basit çözüm şu olacaktır:

<! -- Page Content -- >
satırından sonra şu düzenlemeyi yapabilirsin.

<div style='margin-top:-15px !important;' class="container-fluid">


Margin top değerini sayfanın durumuna bakarak yeniden düzenleyebilirsin.
 
Uyarı! Bu konu 8 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Geri
Yukarı