آرتین کریمی
7 ماه پیش توسط آرتین کریمی مطرح شد
2 پاسخ

بر عکس شدن متن در بوت استرپ

سلام دوستان امیدوارم حالتون خوب باشه
من دارم یه وبسایت مینویسم توش هم از بوت استرپ استفاده کردم
بعد اینکه کدم رو ران میکنم توی لپتاپ خروجی خوبه ولی توی نمای موبایل می بینم کلا نام و لوگو جاش تغییر کرده
کد:

<!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>

@saghari
@salar.mohammad2013
@ossvahid
@arianseyed
@Raymond


ثبت پرسش جدید
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 7 ماه پیش آپدیت شد
0

درود خوبی...

<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>

احتمالا لوگوشو زیر دکمه تاشو قرار دادید.


پرهام ناصحی
تخصص : بک‌اند کار
@parhamdeveloper 7 ماه پیش مطرح شد
0

لطفا فایل بوت استربتون رو ارسال کنید. و فایل style.css رو ارسال کنید.


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 7 ماه پیش آپدیت شد
0

درود خوبی...

<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>

احتمالا لوگوشو زیر دکمه تاشو قرار دادید.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام