جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
mozhgan
4 سال پیش توسط mozhgan مطرح شد
0 پاسخ

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 کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

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

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