logo brand
سلام خسته نباشید... چرا در کد من وقتی حالت رسپانسیو میشه عکس برند هم داخل اون حالت collapse میره ؟ چی کار باید بکنم که فقط همون منو لیتها داخل collapseبرن ؟و بعد یه سوال دیگه در اینجا دادن col من باید چه طوری باشه ؟همین col خالی درسته ؟
<?php include_once "./include/db.php"?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-۸"> <meta name="viewport" content="width=device-width, initial-scale=۱.۰"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="icon" type="image/png" href="images/icons/favicon.png"/><!-- ایکن بالا میاد --> <title>ایده نو-هر ایده نو اغاز یک ماجراجویی </title> <!-- Bootstrap CSS --> <link rel="stylesheet" href="style/css/bootstrap.min.css"> <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/۴.۳.۱/css/bootstrap.min.css" integrity="sha۳۸۴-ggOyR۰iXCbMQv۳Xipma۳۴MD+dH/۱fQ۷۸۴/j۶cY/iJTQUOhcWr۷x۹JvoRxT۲MZw۱T" crossorigin="anonymous"> --> <link rel="stylesheet" href="style/css/bootstrap-rtl.css"> <link rel="stylesheet" href="style/css/style.css"> <link rel="stylesheet" href="style/css/vazir.css"> <link rel="icon" src="img/۱.png" type="image/png"> </head> <body> <!-- navbar --> <div class="nav-menu"> <div class="container-fluid"> <div class="row"> <div class="col-"> <div class="navbar navbar-expand-md navbar-dark bg-dark fixed-top "> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-start" id="navbarCollapse"> <ul class="navbar-nav "> <li class="nav-item active"> <a href="" class="nav-link"> خانه</a> </li> <li class="nav-item"> <a href="" class="nav-link">ایده‌نو</a> </li> <li class="nav-item disabled"> <a href="" class="nav-link">پروژه </a> </li> <li class="nav-item"> <a href="" class="nav-link">تماس </a> </li> </ul> </div><!-- collapse --> <div> <a href="index.php" class="navbar-brand ml-۵"> <img src="images/۱.png" alt="ideno" width="۳۸" hight="۳۸"> </a> </div> </div><!-- navbar --> </div><!-- col --> </div><!-- row --> <div><!-- container-fluid --> </div><!-- nav-menu --> <!-- از سایت getbootstrap --> <!-- <script src="https://code.jquery.com/jquery-۳.۳.۱.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/۱.۱۴.۷/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/۴.۳.۱/js/bootstrap.min.js"></script> --> <script src="style/js/jquery.min.js"></script> <script src="style/js/ jquery-۳.۴.۱.min.js"></script> <script src="style/js/popper.min.js"></script> <script src="style/js/bootstrap.min.js"></script> </body> </html>
body{ direction: rtl; text-align: right; /* font-weight:۳۰۰; */ font-family:vazir; /* font-size:۱.۲rem; */ } a{ color:#fff; font-size: ۱.۲rem; } /* ------------------------------------ Navbar --------------------------------------*/ .navbar-nav .nav-item .nav-link{ padding-right:۲rem; } .nav-menu { padding: ۱rem ۰; transition: all .۳s ease; } @media (min-width : ۹۹۲px) { .navbar-expand-lg .navbar-nav .navbar-link{ font-size: ۱۴px; padding-right: ۱rem; padding-left: ۱rem; } .navbar-expand-lg .navbar-nav .navbar-link.active::after{ content: ""; border-bottom: ۲px solid #cd۹۹d۴; left:۱rem; right:۱rem; bottom:۵px; height:۱px; position: absolute; } } @media (max-width:۹۹۱px){ .navbar-nav .nav-item{ text-align: center; } }
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
به همدیگه کمک کنیم
به mozhgan کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.