حل شده
بر عکس شدن متن در بوت استرپ
سلام دوستان امیدوارم حالتون خوب باشه
من دارم یه وبسایت مینویسم توش هم از بوت استرپ استفاده کردم
بعد اینکه کدم رو ران میکنم توی لپتاپ خروجی خوبه ولی توی نمای موبایل می بینم کلا نام و لوگو جاش تغییر کرده
کد:
<!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="https://roocket.ir/{{ url_for('static', filename='css/bootstrap.css')}}">
<link rel="stylesheet" href="https://roocket.ir/{{ 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="https://roocket.ir/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>
ثبت پرسش جدید
پاسخ‌ها
2
درود خوبی...
<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="https://roocket.ir/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>احتمالا لوگوشو زیر دکمه تاشو قرار دادید.
لطفا فایل بوت استربتون رو ارسال کنید. و فایل style.css رو ارسال کنید.
گفتگوهای مرتبط
شاید پاسخ شما همین‌جا باشد