बूटस्ट्रैप -4 में डिव के शीर्ष मार्जिन को कैसे हटाएं, mt-0 वर्ग काम नहीं करता है और कस्टम सीएसएस margin-top: 0; भी काम नहीं करता है।

<nav class="navbar navbar-expand-sm navbar-dark bg-primary mb-3 py-0">
      <div class="container">
        <a href="#" class="navbar-brand"
          ><span id="branding">A&K</span> Resturant</a
        >

        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-target="#navbarNavAltMarkup"
          aria-controls="navbarNavAltMarkup"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse mr-auto" id="navbarNavAltMarkup">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item">
              <a href="#" class="nav-link">Home</a>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">About</a>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">Services</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="h-75 bg-info mt-0"></div>

सीएसएस फ़ाइल में मैं शरीर और एचटीएमएल ऊंचाई 100% बना देता हूं।

0
Ayman Tarig 18 फरवरी 2019, 08:08

1 उत्तर

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

nav पर इस html का उपयोग करें मैं कक्षा mb-0 बदलता हूं और अंतिम div वर्ग h-75 bg-info में बदलता हूं

इस नीचे दिए गए कोड का प्रयोग करें।

       <nav class="navbar navbar-expand-sm navbar-dark bg-primary mb-0 py-0">
      <div class="container">
        <a href="#" class="navbar-brand"
          ><span id="branding">A&K</span> Resturant</a
        >

        <button
          class="navbar-toggler"
          type="button"
          data-toggle="collapse"
          data-target="#navbarNavAltMarkup"
          aria-controls="navbarNavAltMarkup"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a href="#" class="nav-link">Home</a>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">About</a>
            </li>
            <li class="nav-item">
              <a href="#" class="nav-link">Services</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="h-75 bg-info">
Erat amet lorem magna amet stet et dolore. Ipsum est justo lorem takimata vero. Accusam invidunt takimata lorem ut lorem.
    </div>
0
Mohit Gupta 18 फरवरी 2019, 05:30