Bootstrap 5 ကြော်ငြာ

Offcanvas（ပန်းခြံ）

Offcanvas သည် တချို့သည့် အချိန်တွင် ကိုယ်တိုင် ပိတ်ပြီး လက်ရှိအချိန်တွင် ပြသထားသော စကားလုံးများဖြစ်ပြီး၊ မည်သည့်ကဲမှာ အခြေခံပြု၍ ဘားတံခွန်းကို အသုံးပြုသည်။

Offcanvas ကွန်ညွှန်းတံခွန်း ဖန်တီးခြင်း

အောက်ပါအရာသည် အခြေခံပြု၍ offcanvas ကွန်ညွှန်းတံခွန်းကို ဖန်တီးပြီးဖြစ်သည့် အစီအစဉ်ကို ပြသထားသည်:

ပြပိုက်

<!-- Offcanvas Sidebar -->
<div class="offcanvas offcanvas-start" id="demo">
  <div class="offcanvas-header">
    <h1 class="offcanvas-title">ခေါင်းစဉ်</h1>
    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas">
<div class="offcanvas-body"> <p>ကျမ်းဝင်းစကားလုံး။ ကျမ်းဝင်းစကားလုံး။ ကျမ်းဝင်းစကားလုံး。</p> <p>ကျမ်းဝင်းစကားလုံး။ ကျမ်းဝင်းစကားလုံး။ ကျမ်းဝင်းစကားလုံး。</p> <button class="btn btn-secondary" type="button">ဘေ့ဝ်</button>

亲自试一试

例子解释

.offcanvas 类创建 offcanvas 侧边栏。

.offcanvas-start 类定位 offcanvas，并将其宽度设置为 400px。有关更多的定位类，请参见下面的实例。

.offcanvas-title 类确保了适当的外边距和行高。

然后，将您的内容添加到 .offcanvas-body 类中。

如需打开 offcanvas 侧边栏，您必须使用