user-avatar
آرتین کریمی
8 ماه پیش توسط آرتین کریمی مطرح شد
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

گزینش سوالات
همه سوالات حل شده حل نشده بدون پاسخ
گفت و گو های مرتبط
تداخل ورژن بوت استرپ در پروژه لاراول
نکات کلیدی در مورد فرآیند طراحی
کنترل سطح دسترسی کاربران با روت های کاملا مشابه
مشکل وبسایت وردپرس محتوا
فعال و غیرفعال کردن
درخواست کمک در برنامه نویسی node js
ترک دانشگاه و تحصیل به منظور برنامه نویسی و کار
بارگذاری عکس و دیتا همزمان بر روی لاراول و وردپرس
مشکل دریافت فایل از composer
قرار نیست 100 درصد کاربران سایت راضی باشن
دسته ‌بندی سوالات
لاراول طراحی_وب جاوااسکریپت فریمورک_ها وردپرس امنیت Html_Css جاوا PHP فیدبک_سایت جی_کوئری تجربه_کاربری رابط_کاربری متفرقه اندروید پایتون nodejs vuejs آنگولار reactjs فلاتر سیستم__عامل_ها شبکه سخت_افزار عمومی سئو
تگ‌های محبوب
ثبت پرسش جدید
user-avatar
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 8 ماه پیش آپدیت شد
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>

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

ارسال پاسخ
user-avatar
پرهام ناصحی
تخصص : بک‌اند کار
@parhamdeveloper 8 ماه پیش مطرح شد
0

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

ارسال پاسخ
user-avatar
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 8 ماه پیش آپدیت شد
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>

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

ارسال پاسخ

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

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