منو بوت استرپ

حل شده 

Wordpress

توسط sirnamdari در 1 سال پیش
2 34.9k 7 1 سال پیش
sirnamdari kingblogg digisys
1

سلام بوت استرپ یه منو پیشفرض داره که خیلی خوبه ولی مشکل اینجاست که فقط باید از تگ های li به صورت دستی وارد کنی اگه از کد زیر که برای فراخوانی فهرست های وردپرس هستش استفاده کنی منو ها تو سایز بزرگ زیر هم میان که همینو میخوام راستچین بشه، اومدم تو css بهش دستی float:right دادم درست شد ولی یه مشکلی داره تو سایز کوچیک که منو جمع میشه و بجاش یه دکمه میاد اونو که میزنی منو زیر هم نیست و به صورت بهم ریخته میاد، کد و تصاویرش رو میتونید ببینید

<nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">WebSiteName</a>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav">
                    <?php wp_nav_menu(array('theme_location' => 'top-menu')); ?>
                </ul>
            </div>
        </div>
    </nav>
آخرین ویرایش: 18-03-2018 ساعت 22:44، توسط sirnamdari

پاسخ ها

0

تو سایز sm بیا float: none بذار. یعنی

float: none;
display: inline-block
1

سلام کلاس navbar-nav نذاشتی؟ این مثال خود بوت استرپو ببین: https://getbootstrap.com/docs/3.3/examples/navbar/ کدشم هست

0

سلام چرا اونم گذاشتم ولی مشکل اینجاست که اگه به صورت دستی ul , li بزاری مشکلی نیست و درسته ولی اگه از دستور php برا فهرست های وردپرس بجای اون li ها استفاده کنی بهم میریزه و زیر هم میاد اگه هم بیای و float li هارو راست بزاری اون موقع تو سایز کوچیک دیگه زیر هم نیست و بهم میریزه، اینم اون تیکه کد که میگم <?php wp_nav_menu(array('theme_location' => 'top-menu')); ?>

0

سلام. فکر کنم اگر تو فایل css به liها بیای یه display:inline-block بدی حل میشه. یه امتحان کن

0

سلام این کارو کردم ولی فقط تو سایز دسکتاپ خطی میشه توو سایز کوچیک که اون دکمه میاد بهم ریختس، اون بالا عکس بهم ریختگی تو سایز sm رو گذاشتم

0

مشکل همینجاست که نمیدونم چطوری براش تعریف کنم که مثلا تو سایز sm این کار رو انجام بده

0

با inspector کروم یا فایرفاکس تو responsive mode وقتی عرض به sm برسه کدها اجرا میشن. میتونی ببینین تو کدوم لاینه. از اونجا برو اینارو اضافه کن

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید