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

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

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

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

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

ارسال پاسخ

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

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