मुझे मदद की ज़रूरत है क्योंकि मुझे नहीं पता कि ऐसा क्यों हो रहा है लेकिन सही मेनू आ रहा है, यहां मेरा कोड और स्क्रीन भी पूरी वेबसाइट पर हो रहा है

मेनू है : col-md-6 अवधि है: col-md-1 यहां छवि विवरण दर्ज करें यहां छवि विवरण दर्ज करें

<div class="container-fluid">
<header>
    <div class="col-md-1"></div>
    <div class="col-md-2 text-center">
        <a href="../pages/uvod.php" class="hvr-shrink"><img src="../res/logo/StylMejker_logo.png" alt="StylMejker Logo" style="margin: 0 0 25px 0;" ></a>
    </div>
    <div class="col-md-2"></div>
    <div class="col-md-6">
        <nav class="nav row">
            <ul class="nav nav-justified">
                <li class="aktualna"><a href="../pages/uvod.php">Úvod</a></li>
                <li><a href="../pages/o_mne.php" class="hvr-overline-from-center">O mne</a></li>
                <li><a href="../pages/sluzby.php" class="hvr-overline-from-center">Služby</a></li>
                <li><a href="../pages/referencie.php" class="hvr-overline-from-center">Referencie</a></li>
                <li><a href="../pages/styloviny.php" class="hvr-overline-from-center">Štýloviny</a></li>
                <li><a href="../pages/media.php" class="hvr-overline-from-center">Média</a></li>
                <li><a href="../pages/kontakt.php" class="hvr-overline-from-center">Kontakt</a></li>
            </ul>
        </nav>
    </div>
    <div class="col-md-1">
        <span class="fa fa-facebook"></span>
        <span class="fa fa-instagram"></span>
    </div>
</header>
<section class="clearfix"></section>
<main>

    <div class="col-md-12 text-center">
        test
    </div>

</main>
1
Patrik Horváth 10 अगस्त 2017, 20:46

1 उत्तर

सबसे बढ़िया उत्तर

आप उन आइकनों को एनएवी कंटेनर के अंदर कैसे रखेंगे?

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<div class="container-fluid">
  <header>
    <div class="col-md-1"></div>
    <div class="col-md-2 text-center">
      <a href="../pages/uvod.php" class="hvr-shrink"><img src="../res/logo/StylMejker_logo.png" alt="StylMejker Logo" style="margin: 0 0 25px 0;"></a>
    </div>
    <div class="col-md-2"></div>
    <div class="col-md-7">
      <nav class="nav row">
        <ul class="nav nav-justified">
          <li class="aktualna"><a href="../pages/uvod.php">Úvod</a></li>
          <li><a href="../pages/o_mne.php" class="hvr-overline-from-center">O mne</a></li>
          <li><a href="../pages/sluzby.php" class="hvr-overline-from-center">Služby</a></li>
          <li><a href="../pages/referencie.php" class="hvr-overline-from-center">Referencie</a></li>
          <li><a href="../pages/styloviny.php" class="hvr-overline-from-center">Štýloviny</a></li>
          <li><a href="../pages/media.php" class="hvr-overline-from-center">Média</a></li>
          <li><a href="../pages/kontakt.php" class="hvr-overline-from-center">Kontakt</a></li>
          <li class="text-center"><span class="fa fa-facebook"></span>&nbsp;&nbsp;<span class="fa fa-instagram"></span></li>
        </ul>

      </nav>

    </div>
  </header>
  <section class="clearfix"></section>
  <main>

    <div class="col-md-12 text-center">
      test
    </div>
  </main>
1
Dalin Huang 10 अगस्त 2017, 21:12
बढ़िया: 3 मैंने इस समाधान के बारे में कभी नहीं सोचा: ओ
 – 
Patrik Horváth
10 अगस्त 2017, 21:14
=डी एनपी
 – 
Dalin Huang
10 अगस्त 2017, 21:15
रुको, मुझे अभी एहसास हुआ है कि आपके एचटीएमएल में एक समस्या है, col-xx-x काम करने के लिए आपको मूल कंटेनर में कक्षा row की आवश्यकता है उदाहरण के लिए <header class="row">
 – 
Dalin Huang
10 अगस्त 2017, 21:21
लेकिन कंटेनर-तरल पदार्थ पंक्ति के समान है या?
 – 
Patrik Horváth
10 अगस्त 2017, 21:50
वही नहीं, यहां स्रोत: github.com/twbs /बूटस्ट्रैप/ब्लॉब/…. col- को काम करने के लिए row की आवश्यकता है।
 – 
Dalin Huang
10 अगस्त 2017, 21:53