user-avatar
mozhgan
5 سال پیش توسط mozhgan مطرح شد
5 پاسخ

نوبار لوگو

سلام خسته نباشید ... وقتی در حالت رسپانسیو صفحه کوچک می شود چرا ارم لوگو داخل اون منوی 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="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/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" 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/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="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
مشکل در لایو وایر
بستن موارد دلخواه در react
اولین سایتی که با فلکس باکس طراحی کردم
چند سوال در مورد طراحی وب سایتم
مدیریت اسکرول در ری اکت
مشکل در نمایش پروفایل
دسته ‌بندی سوالات
لاراول طراحی_وب جاوااسکریپت فریمورک_ها وردپرس امنیت Html_Css جاوا PHP فیدبک_سایت جی_کوئری تجربه_کاربری رابط_کاربری متفرقه اندروید پایتون nodejs vuejs آنگولار reactjs فلاتر سیستم__عامل_ها شبکه سخت_افزار عمومی سئو
تگ‌های محبوب
ثبت پرسش جدید
user-avatar
پشتیبانی راکت
@roocketir 5 سال پیش مطرح شد
0

با سلام
سپاس از اینکه سوالتون رو در بخش بحث و گفتگو راکت مطرح کردید .
عنوان این گفتگو رو ویرایش کنید و یک عنوان فارسی قرار بدید در غیر این صورت مجبور به حذف گفتگو خواهیم بود
با تشکر از شما

ارسال پاسخ
user-avatar
mozhgan
@mozhgan.ne 5 سال پیش مطرح شد
0

ببخشید چه جوری عنوان را تغییر بدم ؟

ارسال پاسخ
user-avatar
پشتیبانی راکت
@roocketir 5 سال پیش مطرح شد
0

دکمه ویرایش رو میتونید زیر متن گفتگو مشاهده بفرمایید
ازش استفاده کنید

ارسال پاسخ
user-avatar
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

فکر کنم اگر div مرتبط با عکس رو، داخل کدها؛ بعد از دکمه یا قبل از دکمه قرار بدین درست میشه.

ارسال پاسخ
user-avatar
mozhgan
@mozhgan.ne 5 سال پیش مطرح شد
0

@milad..
ممنون از پاسختون .... میخوام عکس لوگوم سمت چپ بیفته .. اگه div عکس بعد از دکمه بیارم سمت راست میفته اینو چی کار کنم ؟

ارسال پاسخ

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

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