Scrollspy در Navbar

استفاده کنید data-bs-spy="scroll" ویژگی برای به روز رسانی پیوندها در یک لیست پیمایش بر اساس موقعیت اسکرول فعلی. ناحیه زیر نوار ناوبری را اسکرول کنید و کلاس فعال را تماشا کنید تغییر دهید.

@چربی

اما در حقیقت ما هر دو کسانی را که شایسته چاپلوسی هستند متهم می کنیم و با نفرت آنها را هدایت می کنیم نرم و تباه شده از لذت های فعلی، چه دردها و چه از طمع کور می شوند و مهلت نمی دهند و مانند آن آنها مقصرند که وظایف خود را به ثبوت فکر، یعنی کار و تلاش رها می کنند. پرواز دردها

@mdo

برای اوقات فراغت، زمانی که ما این گزینه را داریم که هیچ چیز را انتخاب نکنیم مانع می شود که کمتر بتوانیم کاری را انجام دهیم که بیشتر ما را خشنود می کند، تمام لذت را باید فرض کرد که همه دردها باید دفع شوند. اما در زمان های خاص و یا به دلیل وظایف، یا ضروریات امور، غالباً اتفاق می افتد، همانطور که و لذت ها را باید رد کرد و مشکلات را نباید رد کرد، اما به این دلیل که اینطور نیست چنین مواقعی مانند زایمان و درد شدید هرگز رخ نمی دهد اجازه دهید او به دنبال لذت باشد.

یکی

ساق های تبلیغاتی Keytar، برانچ شناسه هنر حزب درد زایمان. دشمن چنگال lo-fi قبل از اینکه qui را به فروش برسانند. حقوق دوچرخه مزرعه به جدول Tumblr هر چه باشد. کارلس کاردیگان. عکس White Seitan mcsweeney غرفه 3 Wolf Moon Irure. شلوارک جین پشت ژاکت کازبی، ویلیامزبورگ هودی من می دانم که احتمالاً نام آنها و کاردیگان تراست را نشنیده اید صندوق بیودیزل وس اندرسون زیبایی. نیهیل آکوزاموس را خالکوبی کرد، Cred Irony Biodiesel Keffiyeh Artisan Ullamco Consequat.

دو

و همچنین کسی نیست که درد را دوست داشته باشد زیرا درد است، او می خواهد تحت تعقیب قرار گیرد، اما چون هرگز چنین مواقعی وجود ندارد آنها اتفاقاً با زایمان و درد به دنبال لذتی بزرگ هستند. برای آن من به کوچکترین جزئیات می رسم.

سه

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

برای رسیدن به کوچکترین جزئیات، هر یک از ما هر تمرینی را برای بدن انجام می دهیم او کاری پرزحمت انجام می دهد، با این تفاوت که ممکن است مزیتی از آن حاصل شود او به درستی از کسی انتقاد می کند که ترجیح می دهد در آن لذت باشد تا هیچ مشکلی حاصل می شود یا کسی که او را رنج می دهد

 <nav id="navbar-example" class="navbar navbar-dark bg-light px-3">
    <a class="navbar-brand" href="#">
        <img src="..." alt="...">
    </a>
    <ul class="nav nav-pills">
        <li class="nav-item">
            <a class="nav-link" href="#fat">@fat</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#mdo">@mdo</a>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
            <div class="dropdown-menu dropdown-menu-end">
                <a class="dropdown-item" href="#one">one</a>
                <a class="dropdown-item" href="#two">two</a>
                <div role="separator" class="dropdown-divider"></div>
                <a class="dropdown-item" href="#three">three</a>
            </div>
        </li>
    </ul>
</nav>
 
 <div data-bs-spy="scroll" data-bs-target="#navbar-example" class="scrollspy-example p-2" data-bs-offset="8">
    <div class="text-muted">
        <h5 id="fat">@fat</h5>
        <p>...</p>

        <h5 id="mdo">@mdo</h5>
        <p>...</p>

        <h5 id="one">one</h5>
        <p>...</p>
        
        <h5 id="two">two</h5>
        <p>...</p>
        <h5 id="three">three</h5>
        <p>...</p>
    </div>
</div> 

Scrollspy با ناوبری تو در تو

استفاده کنید data-bs-spy="scroll" ویژگی Scrollspy همچنین با ناوبری تودرتو کار می کند. اگر ناوبری تودرتو فعال باشد، والدین آن نیز فعال خواهند بود. ناحیه کنار نوار ناوبری را اسکرول کنید و تغییر کلاس فعال را تماشا کنید.

مورد 1

از نتیجه مزیت ورزش چربی سوزی، حتی استثنا نیز تیره می شود در هر کشوری چیزی وجود دارد که در هر فوتبالی عالی است. من آن را به همه می دهم یک تار مو هم دنبال می شود و هم با کار. بگذارید از مشکلات فرار کند آنها در زمان موفقیت خود رخ می دهند و از درد بیرون می آیند. کی به من غذا میده در این راه استثنا قائل نخواهد شد. برخی و برخی که بر واجبات و حوادث لذت خرده نخواهند گرفت دردهای چربی سوز در نتیجه مهجوریت درد را تسکین می دهد. کسی زیرا هیچ بخششی نیست که از آن آرزو فرار نکند، هیچ آرزوی دشمن نیست راحت است که با درد هم همین را بخواهد.

مورد 1-1

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

مورد 1-2

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

مورد 2

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

مورد 3

چه کسی اهمیت می دهد، بگذار از درد فرار کند، او را سرزنش کند تقصیر خانواده نوسترود حداقل از تاریکی می گریزد مگر اینکه تقصیر یا زمان را مقصر بداند. برای مدتی ترک می کنند نرم می شود، از درد در امان می ماند، می خواهد فرار کند، گناه را نرم می کند. او از همه استثناست.

مورد 3-1

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

مورد 3-2

تقصیر کارگر است که منفعت کارفرما بیرون آمدن بعضی از کارمندان است کمترین را با لذت نرم می کند یا از من انتقاد می کند. نرم می شود extraeur eu Lorem ipsum anim commodore be labore Lorem in تمرین باید انجام شود تاریکی دنبال خواهد شد مگر اینکه در تاریکی باشد آنها بیرون می آیند، زیرا آنها کمترین هستند، او از تمرین میل و دادن انتقاد می کند خدمات کار با برخی از محصولات سخت است. بگذار باشد به مرور زمان برای بخشش بیرون می آیند، مگر عیب بزرگی اجازه دهید او از انجام چنین وظایف مهمی اجتناب کند.

 <div class="row">
    <div class="col-xxl-3">
        <nav id="navbar-examplenested" class="navbar navbar-dark bg-light flex-column">
            <a class="navbar-brand mb-2" href="#">
                <img src="..." alt="...">
            </a>
            <nav class="nav nav-pills flex-column p-3 w-100">
                <a class="nav-link" href="#item-1"><i class="ri-dashboard-2-line align-middle me-2 fs-16"></i> <span>Dashboards</span></a>
                <nav class="nav nav-pills flex-column">
                    <a class="nav-link" href="#item-1-1"><i class="ri-subtract-fill align-middle me-2 fs-15"></i> <span>Ecommerce</span></a>
                    <a class="nav-link" href="#item-1-2"><i class="ri-subtract-fill align-middle me-2 fs-15"></i> <span>Analytics</span></a>
                </nav>
                <a class="nav-link active" href="#item-2"><i class="ri-pencil-ruler-2-line align-middle me-2 fs-16"></i> <span>Base UI</span></a>
                <a class="nav-link" href="#item-3"><i class="ri-apps-2-line align-middle me-2 fs-16"></i> <span>Apps</span></a>
                <nav class="nav nav-pills flex-column">
                    <a class="nav-link" href="#item-3-1"><i class="ri-subtract-fill align-middle me-2 fs-15"></i> <span>Chat</span></a>
                    <a class="nav-link" href="#item-3-2"><i class="ri-subtract-fill align-middle me-2 fs-15"></i> <span>Email</span></a>
                </nav>
            </nav>
        </nav>
    </div>
    <!-- end col -->
    <div class="col-xxl-9">
        <div data-bs-spy="scroll" data-bs-target="#navbar-examplenested" data-bs-offset="0" class="scrollspy-example-2">
            <div class="text-muted">
                <h5 id="item-1">Item 1</h5>
                <p>...</p>

                <h5 id="item-1-1">Item 1-1</h5>
                <p>...</p>
                
                <h5 id="item-1-2">Item 1-2</h5>
                <p>...</p>

                <h5 id="item-2">Item 2</h5>
                <p>...</p>
                
                <h5 id="item-3">Item 3</h5>
                <p>...</p>

                <h5 id="item-3-1">Item 3-1</h5>
                <p>...</p>
                
                <h5 id="item-3-2">Item 3-2</h5>
                <p>...</p>
            </div>
        </div>
    </div>
    <!-- end col -->
</div>
<!-- end row --> 

Scrollspy با لیست-گروه

استفاده کنید data-bs-spy="scroll" ویژگی Scrollspy همچنین با لیست-گروه کار می کند. ناحیه کنار گروه لیست را اسکرول کنید و تغییر کلاس فعال را تماشا کنید.

مورد 1

از نتیجة مزیت ورزش چربی سوزی، جز استثناء، هر یک از خانه ها را تاریک می کند. اما هر مویی از او پیروی کند تا زحمات او را دنبال کند. او از حوادث زایمان در فصل فوتبال اجتناب می کند، زیرا آنها از درد ناشی می شوند. کسی که زحمات می‌کشد به همین ترتیب از عواقب بزرگ معاف نمی‌شود. هر و همه وظایفی که با لذت انجام می شود، ذهن را برای فربهی در درد سرزنش نمی کند تا نتیجه با درد نرم شود. برای کسی که نمی‌خواهد از آن میل فرار کند، هیچ کس نمی‌خواهد از آن سوء استفاده کند، به طوری که همان چیزی را با درد آرزو می‌کند.

مورد 2

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

مورد 3

دل کیست که بخواهد از دردی بگریزد که می خواهد باشد که تقصیر خانواده است؟ نوسترود اگر اصلاً فرار کند کور می شود، مگر اینکه عیب یا زمان او را سرزنش کند. به موقع می روند، نرم می شوند، نخبه از درد، می خواهند فرار کنند، نرم می شوند، گناه خشم از همه است جز از همه.

مورد 4

دل کیست که بخواهد از دردی بگریزد که می خواهد باشد که تقصیر خانواده است؟ نوسترود اگر اصلاً فرار کند کور می شود، مگر اینکه عیب یا زمان او را سرزنش کند. به موقع می روند، نرم می شوند، نخبه از درد، می خواهند فرار کنند، نرم می شوند، گناه خشم از همه است جز از همه.

 <div class="row">
    <div class="col-xxl-3">
        <div id="list-example" class="list-group">
            <a class="list-group-item list-group-item-action" href="#list-item-1">Item 1</a>
            <a class="list-group-item list-group-item-action active" href="#list-item-2">Item 2</a>
            <a class="list-group-item list-group-item-action" href="#list-item-3">Item 3</a>
            <a class="list-group-item list-group-item-action" href="#list-item-4">Item 4</a>
        </div>
    </div>
    <div class="col-xxl-9">
        <div data-bs-spy="scroll" data-bs-target="#list-example" data-bs-offset="0" class="scrollspy-example mt-0">
            <div class="text-muted">
                <h5 id="list-item-1">Item 1</h5>
                <p>...</p>
                
                <h5 id="list-item-2">Item 2</h5>
                <p>...</p>

                <h5 id="list-item-3">Item 3</h5>
                <p>...</p>

                <h5 id="list-item-4">Item 4</h5>
                <p>...</p>
            </div>
        </div>
    </div>
</div> 
© Velzon.
طراحی و توسعه توسط مرداد