نوبار لوگو

سلام خسته نباشید ... وقتی در حالت رسپانسیو صفحه کوچک می شود چرا ارم لوگو داخل اون منوی collapseما می رود ... باید چی کار کنم که نره ؟ ممنون

<?php include_once "./include/db.php"?>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" type="image/png" href="https://roocket.ir/images/icons/favicon.png"/><!-- ایکن بالا میاد  -->
    <title>ایده نو-هر ایده نو اغاز یک ماجراجویی  </title>
<!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://roocket.ir/style/css/bootstrap.min.css">
    <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
    <link rel="stylesheet" href="https://roocket.ir/style/css/bootstrap-rtl.css">
     <link  rel="stylesheet" href="https://roocket.ir/style/css/style.css">
    <link  rel="stylesheet" href="https://roocket.ir/style/css/vazir.css">
    <link rel="icon" src="img/1.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">
                                <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="https://roocket.ir/index.php" class="navbar-brand ml-3">
                            <img src="images/1.png" alt="ideno" width="38" hight="38">
                        </a>
                    </div>

                </div><!-- navbar -->
            </div><!-- col -->
        </div><!-- row -->
    <div><!-- container-fluid -->
</div><!-- nav-menu -->

<!-- از سایت getbootstrap -->
<!-- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> -->

    <script src="style/js/jquery.min.js"></script>
    <script src="style/js/ jquery-3.4.1.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:300; /
    font-family:vazir;
    / font-size:1.2rem; /
    background-color: cd99d4;
}

a{
    color:fff;
    font-size: 1.3rem;
}

/ ------------------------------------
                Navbar
--------------------------------------/

 .navbar-nav .nav-item .nav-link{
        padding-left:3rem;
        color:fff;
}

.nav-menu{

    padding: 1rem 2rem;
    transition: all .3s ease;
}

@media (min-width : 992px) {
    .navbar-expand-lg .navbar-nav .navbar-link{
        font-size: 14px;
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .navbar-expand-lg .navbar-nav .navbar-link.active::after{
        content: "";
        border-bottom: 2px solid cd99d4;
        left:1rem;
        right:1rem;
        bottom:5px;
        height:1px;
        position: absolute;
    }
}

@media (max-width:991px){
    .navbar-nav .nav-item{
        text-align: center;
    }
}

</body></html>

نوبار لوگو

پاسخ‌ها

ایجاد نوبار همبرگری در بوت استرپ

برعکس کردن نوبار

نمایش و پنهان شدن نوبار وقتی اسکرول میشه

کنترل رفرش شدن صفحه سایت توسط ajax

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

نوبار لوگو

پاسخ‌ها

گفتگوهای مرتبط

ایجاد نوبار همبرگری در بوت استرپ

برعکس کردن نوبار

نمایش و پنهان شدن نوبار وقتی اسکرول میشه

کنترل رفرش شدن صفحه سایت توسط ajax

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