Bootstrap Jumbotron နှင့် Page Header
Jumbotron ဖန်တီးခြင်း။
ဂျမ်ဘောထရွန်သည် အထူးအကြောင်းအရာ သို့မဟုတ် အချက်အလက်အချို့ကို အထူးအာရုံစိုက်ရန် ဘောက်စ်ကြီးတစ်ခုကို ညွှန်ပြသည်။
အဝိုင်းထောင့်များပါရှိသော မီးခိုးရောင်သေတ္တာတစ်ခုအဖြစ် jumbotron ကို ပြသထားသည်။ ၎င်းသည် ၎င်းအတွင်းရှိ စာသားများ၏ ဖောင့်အရွယ်အစားများကိုလည်း ချဲ့ပေးသည်။
အကြံပြုချက်- jumbotron တစ်ခုအတွင်းတွင် သင်သည် အခြားသော Bootstrap ဒြပ်စင်များ/အတန်းအစားများအပါအဝင် တရားဝင် HTML နီးပါးကို ထည့်သွင်းနိုင်သည်။
jumbotron ဖန်တီးရန် <div>
class နှင့် element ကိုသုံးပါ.jumbotron
Bootstrap ကျူတိုရီရယ်
Bootstrap သည် ဝဘ်ပေါ်တွင် တုံ့ပြန်မှုရှိသော၊ မိုဘိုင်း-ပထမပရောဂျက်များကို ဖော်ဆောင်ရန်အတွက် ရေပန်းအစားဆုံး HTML၊ CSS နှင့် JS framework ဖြစ်သည်။
Jumbotron ကွန်တိန်နာအတွင်းပိုင်း
<div class="container">
jumbotron ကို စခရင်ရဲ့ အစွန်းအထိ မချဲ့ချင်ရင်တော့ jumbotron ကို အထဲမှာ ထားလိုက်ပါ။
ဥပမာ
<div class="container">
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing
responsive, mobile-first projects on the web.</p>
</div>
<p>This is some text.</p>
<p>This is another text.</p>
</div>
Jumbotron အပြင်ဘက်ကွန်တိန်နာ
<div class="container">
jumbotron ကို စခရင်အနားများအထိ ချဲ့လိုပါက jumbotron ကို အပြင်ဘက်တွင် ထားပါ။
ဥပမာ
<div class="jumbotron">
<h1>Bootstrap Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive,
mobile-first projects on the web.</p>
</div>
<div class="container">
<p>This is some text.</p>
<p>This is another text.</p>
</div>
စာမျက်နှာခေါင်းစီးဖန်တီးခြင်း။
စာမျက်နှာ ခေါင်းစီးသည် အပိုင်းခွဲတစ်ခုနှင့်တူသည်။
အတန်း သည် .page-header
ခေါင်းစဉ်အောက်တွင် အလျားလိုက်မျဉ်းကို ပေါင်းထည့်သည် (+ ဒြပ်စင်တစ်ဝိုက်တွင် နေရာလွတ်အချို့ ထပ်ထည့်သည်-
ဥပမာ စာမျက်နှာ ခေါင်းစီး
စာမျက်နှာခေါင်းစီးတစ်ခုဖန်တီးရန် <div>
အတန်းနှင့်အတူ ဒြပ်စင် တစ်ခုကို အသုံးပြု ပါ-.page-header
ဥပမာ
<div class="page-header">
<h1>Example Page Header</h1>
</div>