سلام دوستان امیدوارم حالتون خوب باشه
من دارم یه وبسایت مینویسم توش هم از بوت استرپ استفاده کردم
بعد اینکه کدم رو ران میکنم توی لپتاپ خروجی خوبه ولی توی نمای موبایل می بینم کلا نام و لوگو جاش تغییر کرده
کد:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Beta apps</title>
<link rel="icon" href="https://fav.farm/🧪">
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css')}}">
</head>
<body>
<div class="main"></div>
<script src="{{ url_for('static', filename='js/bootstrap.js')}}"></script>
<nav class="navbar navbar-expand-lg" style="background-color: #e3f2fd;">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">
<img src="https://fav.farm/🧪" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
BetaApps
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/apps">Apps</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true">BetaApps</a>
</li>
</ul>
<form class="d-flex" role="search" method="post">
<input id="link" name="link" class="form-control me-2" type="text" placeholder="Link" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</nav>
</body>
</html>
درود خوبی...
<nav class="navbar navbar-expand-lg" style="background-color: #e3f2fd;">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="https://fav.farm/🧪" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
BetaApps
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/apps">Apps</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true">BetaApps</a>
</li>
</ul>
<form class="d-flex" role="search" method="post">
<input id="link" name="link" class="form-control me-2" type="text" placeholder="Link" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</nav>
احتمالا لوگوشو زیر دکمه تاشو قرار دادید.
درود خوبی...
<nav class="navbar navbar-expand-lg" style="background-color: #e3f2fd;">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="https://fav.farm/🧪" alt="Logo" width="30" height="24" class="d-inline-block align-text-top">
BetaApps
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/apps">Apps</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true">BetaApps</a>
</li>
</ul>
<form class="d-flex" role="search" method="post">
<input id="link" name="link" class="form-control me-2" type="text" placeholder="Link" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</nav>
احتمالا لوگوشو زیر دکمه تاشو قرار دادید.
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟