راکت

bootstrap

8 پاسخ

سلام خسته نباشید من یه سوال دارم ... من منوی خودمو با استفاده از bootstrap و کلاس هاش پیاده سازی کردم ولی درحالت رسپانسیو که کوچک میشود وقتی دکمه button را میزارم حالت کشویی که منوها داخلش میرن نمایش داده نمی شوند باید چی کار کنم ؟ کتابخانه bootstrap ,jquery وpopper هم فعال کردم ... اگه راهنمایی کنید ممنون میشم

ثبت پرسش جدید

پاسخ‌ها

8
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

کدهای فهرست و کدهایی که برای بوت استرپ در فایل تون قرار دادید رو بزارید لطفا.

Mozhgan Nematnezhad
Mozhgan Nematnezhad
@mozhgann88

منظورتون این طوری بود ؟

شاید پاسخ شما همین‌جا باشد

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

بله
ولی کدهاتون بهمریخته هستش. صحیح قرار بدین که خوانا باشه.

راهنمای قرارگیری صحیح کدها در زیر موجود هستش (سوال 9).
https://roocket.ir/faq

Mozhgan Nematnezhad
Mozhgan Nematnezhad
@mozhgann88
<!DOCTYPE html>
<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="stylesheet" href="https://roocket.ir/../assets/css/bootstrap.min.css"/>
    <link href="https://roocket.ir/../style/prozheh.css" rel="stylesheet">

    <title>Document</title>
</head>
<body >
    <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
        <div class="container">
            <a href="#" class="navbar-brand">
                <img src="../img/2.png" width="120px">    
            </a> 
            <button class="navbar-toggler " data-tools="collapse" type="button" data-toggler="collapse"
             data-target="#FDMainMenu" aria-controls="FDMainMenu" aria-expanded="false" aria-label="نمایش فهرست" >
             <span class="navbar-toggler-icon"></span>
            </button> 
            <div class="collapse navbar-collapse" id="FDMainMenu">
                <ul class="navbar-nav">
                    <li class="nav-item active">
                        <a  class="nav-link" href="https://roocket.ir/index.php">
                            صفحه اصلی               
                        </a>
                    </li>
                    <li class="nav-item">
                        <a  class="nav-link" href="https://roocket.ir/contact.php">
                    تماس با ما      
                      </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/ jquery-3.4.1.min.js"></script>
    <script src="../assets/js/popper.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>

</body>
</html>
ایمان
ایمان
@imank26

سلام
توی خصوصیات button اشتباه تایپی دارید.
data-toggler رو به data-toggle تغییر بدید

Mozhgan Nematnezhad
Mozhgan Nematnezhad
@mozhgann88

ممنونم و مرسی از راهنمایی تون ... درست شد .. یه سوال دیگه phpو bootstrap میخوام یاد بگیرم باید چی کار کنم و چه جوری یاد بگیرم ؟

Davood
Davood
@dfardabasi

تخصص: PHP - Laravel

@mozhgann88
به سایت getbootstrap.com مراجعه کنید
خیلی بهتر و دقیق تر از هر کس دیگه ای توضیح داده نمونه کدشم گذاشته

Davood
Davood
@dfardabasi

تخصص: PHP - Laravel

@mozhgann88

هم php هم bootstrap دوره هاش تو سایت roocket هست تهیه کنید
خیلی دوره های خوبی داره اینجا

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

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