Увод у боотстрап панеле
Садржај података мора бити чист, уредан и погодан. Имајући простор у садржају, шарено заглавље и подножје и обруб садржаја изгледа атрактивно. Атрактивни садржај је једноставан за читање и разумевање. Боотстрап панел делује потпуно слично садржају. Користи се за оквир с оквиром за садржај са специфичним подлогама. Ради за садржај, заглавље, подножје и такође у другој боји. Основни рад панела за покретање система помоћу класе „.панел“ у елементу див, с овом класом „.панел-дефаулт“ је такође потребан.
Пример:
THIS IS A DEFAULT PANEL
Излаз:
Врсте боотстрап панела
Плоче су категорисане са различитим класификацијама и циљевима који су следећи. Садржај има део заглавља, тела и подножја Да бисте постигли елегантан садржај и стил са наменом, панел садржи следеће категорије:
1. Панел с насловом
У заглављу плоче, оквир с оквиром окружен заглављем садржаја и тијелом садржаја с падом формата. Наглавни панел додај класу = „наслов плоче“ и тело садржаја додај класу = „тело тела“.
Шифра:
Content Heading
Content Body
Излаз:
Можете додати цласс = „панел-титле“ да бисте посебно модификовали наслов садржаја. Ова класа се користи ретко јер класа заглавља на плочи сама мења све стилове.
2. Плоча са подножјем
У подножју фонтане, оквир са оквиром окружен подножјем фонда и тијелом садржаја с облогом формата. Фоотер панел додавање класе = „фоотер-фоотер“ и боди цонтент адд цласс = „панел-боди“.
Шифра:
Content Body
Content Footer
Излаз:
3. Панел група
Овај панел се користи за везање више панела одједном. Уклања маргине доњег панела и прави групу панела.
Шифра:
Content Body1
Content Heading
Content Body
Content Body3
Content Footer
Излаз:
4. Панели са контекстуалним класама
Да бисте добили смисленији контекст дизајнирајте различите класе за контекст. Сваки наслов контекстуалне класе има различиту боју како би се приказао утицај контекста. Ове класе плоча су у наставку са њиховим примерима и излазима,
- .панел-дефаулт: Ово је задата плоча која се користи за контекст.
Шифра:
Content Heading
Content Body
Излаз:
- .панел-Примари: Ова класа која се користи за примарни контекст значи главне контексте.
Шифра:
Content Heading with panel-primary class /div>
Content Body2
Излаз:
- .панел-успех: Ова класа се користи када неки контекст има значење успеха.
Шифра:
Content Heading with panel-success class
Content Body3
Излаз:
- .панел-инфо: Ова класа се користи када неки контекст има информативан значај .
Шифра:
Content Heading with panel-info class
Content Body4
Излаз:
- .панел-упозорење: Ова класа се користи када неки контекст има значење знака упозорења.
Шифра:
Content Heading with panel-warning class
Content Body5
Излаз:
- .панел-неварност: Ова класа се користи када неки контекст има значење опасности и жели да укаже.
Шифра:
Content Heading with panel-danger class
Content Body6
Излаз:
Примери панела за покретање система
Слиједе примјери панела за покретање почетног система који су детаљно објасњени,
Пример # 1: Једноставна плоча за покретање система
Ово је једноставан пример подразумеваног панела за покретање система на коме се постављају наслов плоче, подножје панела и тело описа.
Шифра:
Content Heading
Content Body
Panel body for context
Content Footer
Излаз:
Пример # 2: Плоча за покретање система са таблицом
- У овом примјеру добијте излаз таблице помоћу боотстрап панела. Стол се може модификовати тако да изгледа елегантно. Следећи пример и излаз је табела која користи панел за покретање система.
- За овај пример је потребна класа таблице да би се направила табела. То чини да основна класа и класа наслова задржавају назив табеле.
- Табела класе долази са класе каросерије на плочи. У овој табели се постављају заглавље и подаци табеле.
Шифра:
Table Name
Brand Name
Brand Price (Rs)
Brand A
500
Brand B
400
Brand C
700
