Bootstrap belli bir çözünürlükten sonra width'i nasıl sıfırlayabilirim?

ErrorCorrection

Hectopat
Katılım
11 Ağustos 2022
Mesajlar
2.548
Çözümler
4
Daha fazla  
Cinsiyet
Erkek
İstediğim şey belli bir çözünürlükten sonra işaretlediğim yerşn oklarla gösterdildiği gibi full ekran yani 100% width olmasını istiyorum.
1679157891769.png

#Direk body, bootstrap ve script taraflarını kestim hata veriyor buraya yapıştırınca.
HTML:
<nav class="navbar bg-dark navbar-dark navbar-expand-sm">
    <div class="container">
    <a href="" class="navbar-brand"><i class="fa-solid fa-house"></i></a>
    <button class="navbar-toggler btn btn-primary" type="button" data-toggle ="collapse" href ="#mobile"><i class="fa-solid fa-bars"></i></button>
  

    <div id="mobile" class="collapse navbar-collapse ">
    <ul class="navbar-nav mr-auto t-center ml-2">
        <li class="nav-item">
            <a href="" class="nav-link"> Home</a>
        </li>
        <li class="nav-item">
            <a href="" class="nav-link "> Blogs</a>
        </li>
        <li class="nav-item">
            <a href="" class="nav-link">Contacts</a>
        </li>
    </ul>

    <div class="row no-gutters">

         <div class="col-8 pr-2"><input class="form-control" type="search" placeholder="Search"></div>
          <div class="col-4"><button class="btn btn-warning" type="submit">Search</button></div>     

    </div>









    </div>
    </div>
</nav>






<div class="w-lg-50 mx-auto my-3">


<form class="mr-auto">
    <div class="mb-4">
        <label for="name" class="form-label">Name</label>
        <input type="text" id="name" class="form-control" placeholder="Enter Your Name">
    </div>
    <div class="mb-4">
        <label for="password" class="form-label">Password</label>
        <input type="password" id="password" class="form-control" placeholder="Enter Your Password">
    </div>
        <div class="mb-4">
        <label for="address" class="form-label">Address</label>
        <textarea id="address" class="form-control"></textarea>
    </div>
    <div class="mb-4">
        <label for="file" class="form-label">Password</label>
        <input type="file" id="file" class="form-control">
    </div>
    <div class="mb-4">
        <label for="city" class="form-label">City</label>
        <select class="form-control" id="city">
            <option value="0">İstanbul</option>
            <option value="1">Ankara</option>
            <option value="2">İzmir</option>
            <option value="3">Edirne</option>
        </select>
    </div>

</form>
</div>
 
Son düzenleyen: Moderatör:
İstediğim şey belli bir çözünürlükten sonra işaretlediğim yerşn oklarla gösterdildiği gibi full ekran yani 100% width olmasını istiyorum.

#Direk body, bootstrap ve script taraflarını kestim hata veriyor buraya yapıştırınca.
HTML:
<nav class="navbar bg-dark navbar-dark navbar-expand-sm">
    <div class="container">
    <a href="" class="navbar-brand"><i class="fa-solid fa-house"></i></a>
    <button class="navbar-toggler btn btn-primary" type="button" data-toggle ="collapse" href ="#mobile"><i class="fa-solid fa-bars"></i></button>
 

    <div id="mobile" class="collapse navbar-collapse ">
    <ul class="navbar-nav mr-auto t-center ml-2">
        <li class="nav-item">
            <a href="" class="nav-link"> Home</a>
        </li>
        <li class="nav-item">
            <a href="" class="nav-link "> Blogs</a>
        </li>
        <li class="nav-item">
            <a href="" class="nav-link">Contacts</a>
        </li>
    </ul>

    <div class="row no-gutters">

         <div class="col-8 pr-2"><input class="form-control" type="search" placeholder="Search"></div>
          <div class="col-4"><button class="btn btn-warning" type="submit">Search</button></div>    

    </div>









    </div>
    </div>
</nav>






<div class="w-lg-50 mx-auto my-3">


<form class="mr-auto">
    <div class="mb-4">
        <label for="name" class="form-label">Name</label>
        <input type="text" id="name" class="form-control" placeholder="Enter Your Name">
    </div>
    <div class="mb-4">
        <label for="password" class="form-label">Password</label>
        <input type="password" id="password" class="form-control" placeholder="Enter Your Password">
    </div>
        <div class="mb-4">
        <label for="address" class="form-label">Address</label>
        <textarea id="address" class="form-control"></textarea>
    </div>
    <div class="mb-4">
        <label for="file" class="form-label">Password</label>
        <input type="file" id="file" class="form-control">
    </div>
    <div class="mb-4">
        <label for="city" class="form-label">City</label>
        <select class="form-control" id="city">
            <option value="0">İstanbul</option>
            <option value="1">Ankara</option>
            <option value="2">İzmir</option>
            <option value="3">Edirne</option>
        </select>
    </div>

</form>
</div>
Mobildeyim kodlarını okuyamıyorum. Sanırsam margin auto verdin.
 

Technopat Haberler

Yeni konular

Geri
Yukarı