ସମୀକ୍ଷା
କ୍ୟାଲେଣ୍ଡର ଏବଂ ଡେଟ୍ ପିକର୍ ପରି ତୃତୀୟ-ପକ୍ଷ ୱିଜେଟ୍ ମଧ୍ୟରେ ଉପାଦାନଗୁଡିକର ବ୍ୟାପକ ବ୍ୟବହାର ହେତୁ <table>
, ବୁଟଷ୍ଟ୍ରାପ୍ ର ଟେବୁଲଗୁଡିକ ଅପ୍ଟ-ଇନ୍ ଅଟେ | .table
ଯେକ any ଣସିରେ ବେସ୍ କ୍ଲାସ୍ ଯୋଡନ୍ତୁ <table>
, ତା’ପରେ ଆମର ଇଚ୍ଛାଧୀନ ମୋଡିଫାୟର୍ କ୍ଲାସ୍ କିମ୍ବା କଷ୍ଟମ୍ ଷ୍ଟାଇଲ୍ ସହିତ ବିସ୍ତାର କରନ୍ତୁ | ସମସ୍ତ ଟେବୁଲ୍ ଶ yles ଳୀ ବୁଟଷ୍ଟ୍ରାପରେ ଉତ୍ତରାଧିକାରୀ ନୁହେଁ, ଅର୍ଥାତ୍ ଯେକ any ଣସି ନେଷ୍ଟେଡ୍ ଟେବୁଲ୍ ପିତାମାତାଙ୍କଠାରୁ ସ୍ independent ାଧୀନ ଭାବରେ ଷ୍ଟାଇଲ୍ ହୋଇପାରିବ |
ଅତ୍ୟଧିକ ମ basic ଳିକ ଟେବୁଲ୍ ମାର୍କଅପ୍ ବ୍ୟବହାର କରି, .table
ବୁଟ୍ ଷ୍ଟ୍ରାପ୍ ରେ କିପରି ଆଧାରିତ ଟେବୁଲ୍ ଦେଖାଯାଏ |
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table" >
< thead >
< tr >
< th scope = "col" > #</ th >
< th scope = "col" > First</ th >
< th scope = "col" > Last</ th >
< th scope = "col" > Handle</ th >
</ tr >
</ thead >
< tbody >
< tr >
< th scope = "row" > 1</ th >
< td > Mark</ td >
< td > Otto</ td >
< td > @mdo</ td >
</ tr >
< tr >
< th scope = "row" > 2</ th >
< td > Jacob</ td >
< td > Thornton</ td >
< td > @fat</ td >
</ tr >
< tr >
< th scope = "row" > 3</ th >
< td colspan = "2" > Larry the Bird</ td >
< td > @twitter</ td >
</ tr >
</ tbody >
</ table >
ପ୍ରକାରଗୁଡିକ |
ରଙ୍ଗ ଟେବୁଲ୍, ଟେବୁଲ୍ ଧାଡି କିମ୍ବା ବ୍ୟକ୍ତିଗତ କକ୍ଷଗୁଡ଼ିକ ପାଇଁ ପ୍ରସଙ୍ଗଗତ ଶ୍ରେଣୀଗୁଡିକ ବ୍ୟବହାର କରନ୍ତୁ |
କ୍ଲାସ୍
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଡିଫଲ୍ଟ |
କକ୍ଷ
କକ୍ଷ
ପ୍ରାଥମିକ
କକ୍ଷ
କକ୍ଷ
ଦ୍ Secondary ିତୀୟ
କକ୍ଷ
କକ୍ଷ
ସଫଳତା |
କକ୍ଷ
କକ୍ଷ
ବିପଦ
କକ୍ଷ
କକ୍ଷ
ଚେତାବନୀ
କକ୍ଷ
କକ୍ଷ
ସୂଚନା
କକ୍ଷ
କକ୍ଷ
ଆଲୋକ
କକ୍ଷ
କକ୍ଷ
ଅନ୍ଧାର
କକ୍ଷ
କକ୍ଷ
କପି କରନ୍ତୁ |
<!-- On tables -->
< table class = "table-primary" > ...</ table >
< table class = "table-secondary" > ...</ table >
< table class = "table-success" > ...</ table >
< table class = "table-danger" > ...</ table >
< table class = "table-warning" > ...</ table >
< table class = "table-info" > ...</ table >
< table class = "table-light" > ...</ table >
< table class = "table-dark" > ...</ table >
<!-- On rows -->
< tr class = "table-primary" > ...</ tr >
< tr class = "table-secondary" > ...</ tr >
< tr class = "table-success" > ...</ tr >
< tr class = "table-danger" > ...</ tr >
< tr class = "table-warning" > ...</ tr >
< tr class = "table-info" > ...</ tr >
< tr class = "table-light" > ...</ tr >
< tr class = "table-dark" > ...</ tr >
<!-- On cells (`td` or `th`) -->
< tr >
< td class = "table-primary" > ...</ td >
< td class = "table-secondary" > ...</ td >
< td class = "table-success" > ...</ td >
< td class = "table-danger" > ...</ td >
< td class = "table-warning" > ...</ td >
< td class = "table-info" > ...</ td >
< td class = "table-light" > ...</ td >
< td class = "table-dark" > ...</ td >
</ tr >
ସହାୟକ ପ୍ରଯୁକ୍ତିବିଦ୍ୟା ପାଇଁ ଅର୍ଥ ପହଞ୍ଚାଇବା |
ଅର୍ଥ ଯୋଡିବା ପାଇଁ ରଙ୍ଗ ବ୍ୟବହାର କରିବା କେବଳ ଏକ ଭିଜୁଆଲ୍ ସୂଚକ ପ୍ରଦାନ କରିଥାଏ, ଯାହା ସହାୟକ ପ୍ରଯୁକ୍ତିବିଦ୍ୟାର ଉପଭୋକ୍ତାମାନଙ୍କୁ ପ୍ରଦାନ କରାଯିବ ନାହିଁ - ଯେପରିକି ସ୍କ୍ରିନ୍ ରିଡର୍ | ନିଶ୍ଚିତ କରନ୍ତୁ ଯେ ରଙ୍ଗ ଦ୍ୱାରା ସୂଚିତ ସୂଚନା ବିଷୟବସ୍ତୁରୁ ନିଜେ ସ୍ପଷ୍ଟ ହୋଇଛି (ଉଦାହରଣ ସ୍ୱରୂପ ଦୃଶ୍ୟମାନ ପାଠ୍ୟ), କିମ୍ବା ବିକଳ୍ପ ମାଧ୍ୟମ ମାଧ୍ୟମରେ ଅନ୍ତର୍ଭୂକ୍ତ ହୋଇଛି, ଯେପରିକି .visually-hidden
ଶ୍ରେଣୀ ସହିତ ଲୁକ୍କାୟିତ ଅତିରିକ୍ତ ପାଠ୍ୟ |
ତୃଟିଯୁକ୍ତ ଟେବୁଲ୍ |
ଧାଡି ଧାଡିଗୁଡିକ |
.table-striped
ଭିତରେ ଥିବା ଯେକ table ଣସି ଟେବୁଲ୍ ଧାଡିରେ ଜେବ୍ରା-ଷ୍ଟ୍ରିପିଂ ଯୋଡିବାକୁ ବ୍ୟବହାର କରନ୍ତୁ <tbody>
|
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-striped" >
...
</ table >
ଏହି ଶ୍ରେଣୀଗୁଡିକ ଟେବୁଲ୍ ପ୍ରକାରରେ ମଧ୍ୟ ଯୋଗ କରାଯାଇପାରିବ:
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-dark table-striped" >
...
</ table >
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-success table-striped" >
...
</ table >
ସମ୍ମାନଜନକ ଧାଡିଗୁଡିକ |
.table-hover
A ମଧ୍ୟରେ ଟେବୁଲ୍ ଧାଡିରେ ଏକ ହୋଭର ସ୍ଥିତି ସକ୍ଷମ କରିବାକୁ ଯୋଡନ୍ତୁ <tbody>
|
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-hover" >
...
</ table >
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-dark table-hover" >
...
</ table >
ଏହି ହୋଭର୍ ଯୋଗ୍ୟ ଧାଡିଗୁଡିକ ମଧ୍ୟ ଷ୍ଟ୍ରାଇଡ୍ ଭାରିଆଣ୍ଟ ସହିତ ମିଳିତ ହୋଇପାରେ:
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-striped table-hover" >
...
</ table >
ସକ୍ରିୟ ସାରଣୀଗୁଡ଼ିକ |
.table-active
ଏକ ଶ୍ରେଣୀ ଯୋଗ କରି ଏକ ଟେବୁଲ୍ ଧାଡି କିମ୍ବା କକ୍ଷକୁ ହାଇଲାଇଟ୍ କରନ୍ତୁ |
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table" >
< thead >
...
</ thead >
< tbody >
< tr class = "table-active" >
...
</ tr >
< tr >
...
</ tr >
< tr >
< th scope = "row" > 3</ th >
< td colspan = "2" class = "table-active" > Larry the Bird</ td >
< td > @twitter</ td >
</ tr >
</ tbody >
</ table >
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-dark" >
< thead >
...
</ thead >
< tbody >
< tr class = "table-active" >
...
</ tr >
< tr >
...
</ tr >
< tr >
< th scope = "row" > 3</ th >
< td colspan = "2" class = "table-active" > Larry the Bird</ td >
< td > @twitter</ td >
</ tr >
</ tbody >
</ table >
ପ୍ରକାର ଏବଂ ଉଚ୍ଚାରଣ ସାରଣୀଗୁଡ଼ିକ କିପରି କାର୍ଯ୍ୟ କରେ?
ଉଚ୍ଚାରଣ ହୋଇଥିବା ସାରଣୀଗୁଡ଼ିକ ପାଇଁ ( ଷ୍ଟ୍ରାଇଡ୍ ଧାଡି , ହୋଭର୍ ଯୋଗ୍ୟ ଧାଡି , ଏବଂ ସକ୍ରିୟ ଟେବୁଲ୍ ), ଆମର ସମସ୍ତ ଟେବୁଲ୍ ପ୍ରକାରଗୁଡ଼ିକ ପାଇଁ ଏହି ପ୍ରଭାବଗୁଡିକ କାର୍ଯ୍ୟ କରିବା ପାଇଁ ଆମେ କିଛି କ ques ଶଳ ବ୍ୟବହାର କରିଥିଲୁ :
--bs-table-bg
କଷ୍ଟମ୍ ପ୍ରପର୍ଟି ସହିତ ଏକ ଟେବୁଲ୍ ସେଲ୍ ର ପୃଷ୍ଠଭୂମି ସେଟ୍ କରି ଆମେ ଆରମ୍ଭ କରୁ | ସମସ୍ତ ଟେବୁଲ୍ ପ୍ରକାରଗୁଡ଼ିକ ତାପରେ ଟେବୁଲ୍ ସେଲ୍ଗୁଡ଼ିକୁ ରଙ୍ଗ କରିବା ପାଇଁ ସେହି କଷ୍ଟମ୍ ପ୍ରପର୍ଟି ସେଟ୍ କରେ | ଏହି ଉପାୟରେ, ଯଦି ଅର୍ଦ୍ଧ-ସ୍ୱଚ୍ଛ ରଙ୍ଗଗୁଡିକ ଟେବୁଲ୍ ପୃଷ୍ଠଭୂମି ଭାବରେ ବ୍ୟବହୃତ ହୁଏ, ତେବେ ଆମେ ଅସୁବିଧାରେ ପଡ଼ିବା ନାହିଁ |
ତାପରେ ଆମେ କ box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
any ଣସି ନିର୍ଦ୍ଦିଷ୍ଟ ଉପରେ ସ୍ତର ସହିତ ଟେବୁଲ୍ ସେଲ୍ ଉପରେ ଏକ ଇନସେଟ୍ ବକ୍ସ ଛାୟା ଯୋଗ କରୁ background-color
| କାରଣ ଆମେ ଏକ ବିରାଟ ବିସ୍ତାର ବ୍ୟବହାର କରୁ ଏବଂ କ bl ଣସି ଅସ୍ପଷ୍ଟତା, ରଙ୍ଗ ଏକମାତ୍ର ହେବ | ଯେହେତୁ --bs-table-accent-bg
ଡିଫଲ୍ଟ ଭାବରେ ସେଟ୍ ହୋଇନାହିଁ, ଆମର ଡିଫଲ୍ଟ ବାକ୍ସ ଛାୟା ନାହିଁ |
ଯେତେବେଳେ ଉଭୟ .table-striped
, .table-hover
କିମ୍ବା .table-active
ଶ୍ରେଣୀଗୁଡ଼ିକ ଯୋଡା ଯାଇଥାଏ, --bs-table-accent-bg
ପୃଷ୍ଠଭୂମିକୁ ରଙ୍ଗ କରିବା ପାଇଁ ଏକ ସେମିଟ୍ରାନ୍ସପେଣ୍ଟର୍ ରଙ୍ଗରେ ସେଟ୍ ହୋଇଥାଏ |
ପ୍ରତ୍ୟେକ ଟେବୁଲ୍ ଭାରିଆଣ୍ଟ ପାଇଁ, ଆମେ --bs-table-accent-bg
ସେହି ରଙ୍ଗ ଉପରେ ନିର୍ଭର କରି ସର୍ବାଧିକ କଣ୍ଟ୍ରାସ୍ ସହିତ ଏକ ରଙ୍ଗ ସୃଷ୍ଟି କରୁ | ଉଦାହରଣ ସ୍ .ରୁପ, ଉଚ୍ଚାରଣ ରଙ୍ଗ ଅଧିକ ଗା .table-primary
er ଼ ଥିବାବେଳେ .table-dark
ହାଲୁକା ଉଚ୍ଚାରଣ ରଙ୍ଗ ଥାଏ |
ପାଠ୍ୟ ଏବଂ ସୀମା ରଙ୍ଗ ସମାନ ଭାବରେ ସୃଷ୍ଟି ହୁଏ, ଏବଂ ସେମାନଙ୍କର ରଙ୍ଗଗୁଡିକ ଡିଫଲ୍ଟ ଭାବରେ ଉତ୍ତରାଧିକାରୀ |
ପରଦା ପଛରେ ଏହା ଦେଖାଯାଏ:
କପି କରନ୍ତୁ |
@mixin table-variant ( $state , $background ) {
.table- #{ $state } {
$color : color-contrast ( opaque ( $body-bg , $background ));
$hover-bg : mix ( $color , $background , percentage ( $table-hover-bg-factor ));
$striped-bg : mix ( $color , $background , percentage ( $table-striped-bg-factor ));
$active-bg : mix ( $color , $background , percentage ( $table-active-bg-factor ));
--#{$variable-prefix}table-bg : #{ $background } ;
--#{$variable-prefix}table-striped-bg : #{ $striped-bg } ;
--#{$variable-prefix}table-striped-color : #{ color-contrast ( $striped-bg ) } ;
--#{$variable-prefix}table-active-bg : #{ $active-bg } ;
--#{$variable-prefix}table-active-color : #{ color-contrast ( $active-bg ) } ;
--#{$variable-prefix}table-hover-bg : #{ $hover-bg } ;
--#{$variable-prefix}table-hover-color : #{ color-contrast ( $hover-bg ) } ;
color : $color ;
border-color : mix ( $color , $background , percentage ( $table-border-factor ));
}
}
ଟେବୁଲ୍ ସୀମା
ସୀମାନ୍ତ ସାରଣୀ |
.table-bordered
ଟେବୁଲ୍ ଏବଂ କକ୍ଷଗୁଡ଼ିକର ସମସ୍ତ ପାର୍ଶ୍ୱରେ ସୀମା ପାଇଁ ଯୋଡନ୍ତୁ |
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-bordered" >
...
</ table >
ରଙ୍ଗ ପରିବର୍ତ୍ତନ ପାଇଁ ସୀମା ରଙ୍ଗର ଉପଯୋଗିତା ଯୋଗ କରାଯାଇପାରିବ:
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-bordered border-primary" >
...
</ table >
ସୀମା ବିନା ଟେବୁଲ୍ |
.table-borderless
ସୀମା ବିନା ଏକ ଟେବୁଲ୍ ପାଇଁ ଯୋଡନ୍ତୁ |
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-borderless" >
...
</ table >
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-dark table-borderless" >
...
</ table >
ଛୋଟ ଟେବୁଲ୍ |
ସମସ୍ତ କକ୍ଷକୁ ଅଧା କାଟି ଅଧିକ କମ୍ପାକ୍ଟ .table-sm
କରିବାକୁ ଯୋଡନ୍ତୁ |.table
padding
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-sm" >
...
</ table >
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-dark table-sm" >
...
</ table >
ଭୂଲମ୍ବ ଆଲାଇନ୍ମେଣ୍ଟ |
ଟେବୁଲ୍ ସେଲ୍ <thead>
ଗୁଡିକ ସର୍ବଦା ତଳ ସହିତ ଭୂଲମ୍ବ ଭାବରେ ସଜ୍ଜିତ | ଟେବୁଲ୍ ସେଲ୍ ଗୁଡିକ <tbody>
ସେମାନଙ୍କ ଆଲାଇନ୍ମେଣ୍ଟକୁ ଉତ୍ତରାଧିକାରୀ କରନ୍ତି <table>
ଏବଂ ଡିଫଲ୍ଟ ଭାବରେ ଉପର ସହିତ ସମାନ୍ତରାଳ | ଆବଶ୍ୟକ ସ୍ଥଳେ ପୁନ - ଆଲାଇନ୍ କରିବା ପାଇଁ ଭର୍ଟିକାଲ୍ ଆଲାଇନ୍ କ୍ଲାସ୍ ବ୍ୟବହାର କରନ୍ତୁ |
ହେଡିଙ୍ଗ୍ 1
ହେଡିଙ୍ଗ୍ 2
ଶୀର୍ଷଲେଖ 3
ହେଡିଙ୍ଗ୍ 4
ଏହି କକ୍ଷଟି vertical-align: middle;
ଟେବୁଲରୁ ଉତ୍ତରାଧିକାରୀ |
ଏହି କକ୍ଷଟି vertical-align: middle;
ଟେବୁଲରୁ ଉତ୍ତରାଧିକାରୀ |
ଏହି କକ୍ଷଟି vertical-align: middle;
ଟେବୁଲରୁ ଉତ୍ତରାଧିକାରୀ |
ପୂର୍ବ କକ୍ଷଗୁଡ଼ିକରେ ଭୂଲମ୍ବ ଆଲାଇନ୍ମେଣ୍ଟ କିପରି କାର୍ଯ୍ୟ କରେ ତାହା ଦର୍ଶାଇବାକୁ ଏହା ଏଠାରେ କିଛି ପ୍ଲେସହୋଲ୍ଡର୍ ଟେକ୍ସଟ୍ ଅଟେ |
ଏହି କକ୍ଷଟି vertical-align: bottom;
ଟେବୁଲ୍ ଧାଡିରୁ ଉତ୍ତରାଧିକାରୀ |
ଏହି କକ୍ଷଟି vertical-align: bottom;
ଟେବୁଲ୍ ଧାଡିରୁ ଉତ୍ତରାଧିକାରୀ |
ଏହି କକ୍ଷଟି vertical-align: bottom;
ଟେବୁଲ୍ ଧାଡିରୁ ଉତ୍ତରାଧିକାରୀ |
ପୂର୍ବ କକ୍ଷଗୁଡ଼ିକରେ ଭୂଲମ୍ବ ଆଲାଇନ୍ମେଣ୍ଟ କିପରି କାର୍ଯ୍ୟ କରେ ତାହା ଦର୍ଶାଇବାକୁ ଏହା ଏଠାରେ କିଛି ପ୍ଲେସହୋଲ୍ଡର୍ ଟେକ୍ସଟ୍ ଅଟେ |
ଏହି କକ୍ଷଟି vertical-align: middle;
ଟେବୁଲରୁ ଉତ୍ତରାଧିକାରୀ |
ଏହି କକ୍ଷଟି vertical-align: middle;
ଟେବୁଲରୁ ଉତ୍ତରାଧିକାରୀ |
ଏହି କକ୍ଷଟି ଉପର ସହିତ ସମାନ୍ତରାଳ |
ପୂର୍ବ କକ୍ଷଗୁଡ଼ିକରେ ଭୂଲମ୍ବ ଆଲାଇନ୍ମେଣ୍ଟ କିପରି କାର୍ଯ୍ୟ କରେ ତାହା ଦର୍ଶାଇବାକୁ ଏହା ଏଠାରେ କିଛି ପ୍ଲେସହୋଲ୍ଡର୍ ଟେକ୍ସଟ୍ ଅଟେ |
କପି କରନ୍ତୁ |
< div class = "table-responsive" >
< table class = "table align-middle" >
< thead >
< tr >
...
</ tr >
</ thead >
< tbody >
< tr >
...
</ tr >
< tr class = "align-bottom" >
...
</ tr >
< tr >
< td > ...</ td >
< td > ...</ td >
< td class = "align-top" > This cell is aligned to the top.</ td >
< td > ...</ td >
</ tr >
</ tbody >
</ table >
</ div >
ବସା ବାନ୍ଧିବା |
ସୀମା ଶ yles ଳୀ, ସକ୍ରିୟ ଶ yles ଳୀ, ଏବଂ ଟେବୁଲ୍ ପ୍ରକାରଗୁଡିକ ନେଷ୍ଟେଡ୍ ଟେବୁଲ୍ ଦ୍ୱାରା ଉତ୍ତରାଧିକାରୀ ନୁହେଁ |
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
କ
ପ୍ରଥମେ
ଶେଷ
ବି
ପ୍ରଥମେ
ଶେଷ
C
ପ୍ରଥମେ
ଶେଷ
3
ଲ୍ୟାରି |
ପକ୍ଷୀ
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-striped" >
< thead >
...
</ thead >
< tbody >
...
< tr >
< td colspan = "4" >
< table class = "table mb-0" >
...
</ table >
</ td >
</ tr >
...
</ tbody >
</ table >
ବସା କିପରି କାମ କରେ |
ଯେକ any ଣସି ଶ yles ଳୀକୁ ନେଷ୍ଟେଡ୍ ଟେବୁଲକୁ ଲିକ୍ ନହେବା ପାଇଁ, ଆମେ >
ଆମର CSS ରେ ଶିଶୁ କମ୍ବିନେଟର () ଚୟନକର୍ତ୍ତା ବ୍ୟବହାର କରୁ | ଯେହେତୁ ଆମେ ସମସ୍ତ td
s ଏବଂ th
s କୁ ଟାର୍ଗେଟ୍ କରିବା ଆବଶ୍ୟକ thead
, tbody
ଏବଂ tfoot
, ଆମର ଚୟନକର୍ତ୍ତା ଏହା ବିନା ବହୁତ ଲମ୍ବା ଦେଖାଯିବେ | ଏହିପରି, ଆମେ ସମସ୍ତ s ଏବଂ s .table > :not(caption) > * > *
କୁ ଟାର୍ଗେଟ୍ କରିବା ପାଇଁ ଅଦ୍ଭୁତ ଦେଖାଯାଉଥିବା ଚୟନକର୍ତ୍ତା ବ୍ୟବହାର କରୁ , କିନ୍ତୁ କ potential ଣସି ସମ୍ଭାବ୍ୟ ନେଷ୍ଟେଡ୍ ଟେବୁଲ୍ ମଧ୍ୟରୁ କ .ଣସିଟି ନୁହେଁ |td
th
.table
ଧ୍ୟାନ ଦିଅନ୍ତୁ ଯେ ଯଦି ଆପଣ <tr>
ଏକ ଟେବୁଲର ସିଧାସଳଖ ପିଲା ଭାବରେ s ଯୋଗ କରନ୍ତି, ସେଗୁଡିକ ଡିଫଲ୍ଟ ଭାବରେ <tr>
ଗୁଡ଼ାଇ ହୋଇଯିବ <tbody>
, ଯାହା ଦ୍ our ାରା ଆମର ଚୟନକର୍ତ୍ତାମାନେ ଉଦ୍ଦିଷ୍ଟ ଭାବରେ କାର୍ଯ୍ୟ କରିବେ |
ଆନାଟୋମି |
ଟେବୁଲ୍ ହେଡ୍ |
ଟେବୁଲ୍ ଏବଂ ଡାର୍କ ଟେବୁଲ୍ ପରି, ମୋଡିଫାୟର୍ କ୍ଲାସ୍ ବ୍ୟବହାର କରନ୍ତୁ କିମ୍ବା .table-light
s ହାଲୁକା କିମ୍ବା ଗା dark ଧୂସର ଦେଖାଯିବା ପାଇଁ |.table-dark
<thead>
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି |
ପକ୍ଷୀ
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table" >
< thead class = "table-light" >
...
</ thead >
< tbody >
...
</ tbody >
</ table >
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି |
ପକ୍ଷୀ
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table" >
< thead class = "table-dark" >
...
</ thead >
< tbody >
...
</ tbody >
</ table >
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି |
ପକ୍ଷୀ
@ ଟ୍ୱିଟର
ଫୁଟର୍ |
ଫୁଟର୍ |
ଫୁଟର୍ |
ଫୁଟର୍ |
କପି କରନ୍ତୁ |
< table class = "table" >
< thead >
...
</ thead >
< tbody >
...
</ tbody >
< tfoot >
...
</ tfoot >
</ table >
କ୍ୟାପସନ୍ |
ଏକ <caption>
ଟେବୁଲ୍ ପାଇଁ ହେଡିଙ୍ଗ୍ ପରି ଏକ କାର୍ଯ୍ୟ | ସ୍କ୍ରିନ୍ ରିଡର୍ ସହିତ ଉପଭୋକ୍ତାମାନଙ୍କୁ ଏକ ଟେବୁଲ୍ ଖୋଜିବା ଏବଂ ଏହା ବିଷୟରେ କ’ଣ ବୁ understand ିବାରେ ସାହାଯ୍ୟ କରେ ଏବଂ ସେମାନେ ଏହାକୁ ପ to ିବାକୁ ଚାହାଁନ୍ତି କି ନାହିଁ ତାହା ସ୍ଥିର କରନ୍ତି |
ବ୍ୟବହାରକାରୀଙ୍କ ତାଲିକା |
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି ଦି ବାର୍ଡ |
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table table-sm" >
< caption > List of users</ caption >
< thead >
...
</ thead >
< tbody >
...
</ tbody >
</ table >
<caption>
ଆପଣ ଟେବୁଲର ଶୀର୍ଷରେ ମଧ୍ୟ ରଖିପାରିବେ .caption-top
|
ବ୍ୟବହାରକାରୀଙ୍କ ତାଲିକା |
#
ପ୍ରଥମେ
ଶେଷ
ନିୟନ୍ତ୍ରଣ କରନ୍ତୁ |
୧
ମାର୍କ
Otto
@ ମିଡୋ
୨
ଯାକୁବ
ଥର୍ନଟନ୍ |
@ ଫାଟ
3
ଲ୍ୟାରି |
ପକ୍ଷୀ
@ ଟ୍ୱିଟର
କପି କରନ୍ତୁ |
< table class = "table caption-top" >
< caption > List of users</ caption >
< thead >
< tr >
< th scope = "col" > #</ th >
< th scope = "col" > First</ th >
< th scope = "col" > Last</ th >
< th scope = "col" > Handle</ th >
</ tr >
</ thead >
< tbody >
< tr >
< th scope = "row" > 1</ th >
< td > Mark</ td >
< td > Otto</ td >
< td > @mdo</ td >
</ tr >
< tr >
< th scope = "row" > 2</ th >
< td > Jacob</ td >
< td > Thornton</ td >
< td > @fat</ td >
</ tr >
< tr >
< th scope = "row" > 3</ th >
< td > Larry</ td >
< td > the Bird</ td >
< td > @twitter</ td >
</ tr >
</ tbody >
</ table >
ପ୍ରତିକ୍ରିୟାଶୀଳ ସାରଣୀ |
ପ୍ରତିକ୍ରିୟାଶୀଳ ସାରଣୀଗୁଡ଼ିକ ଟେବୁଲଗୁଡ଼ିକୁ ସହଜରେ ଭୂସମାନ୍ତର ଭାବରେ ସ୍କ୍ରୋଲ୍ କରିବାକୁ ଅନୁମତି ଦିଏ | .table
ଏକ ଗୁଡ଼ିକୁ ଗୁଡ଼ାଇ ସମସ୍ତ ଭ୍ୟୁପୋର୍ଟରେ ଯେକ any ଣସି ଟେବୁଲ୍ ପ୍ରତିକ୍ରିୟାଶୀଳ କରନ୍ତୁ .table-responsive
| କିମ୍ବା, ସର୍ବାଧିକ ବ୍ରେକପଏଣ୍ଟ ବାଛନ୍ତୁ ଯାହା ସହିତ ବ୍ୟବହାର କରି ଏକ ପ୍ରତିକ୍ରିୟାଶୀଳ ଟେବୁଲ୍ ରହିବ .table-responsive{-sm|-md|-lg|-xl|-xxl}
|
ଭର୍ଟିକାଲ୍ କ୍ଲିପିଂ / ଟ୍ରଙ୍କେସନ୍ |
ପ୍ରତିକ୍ରିୟାଶୀଳ ସାରଣୀଗୁଡ଼ିକ ବ୍ୟବହାର କରେ overflow-y: hidden
, ଯାହା ଟେବୁଲର ତଳ କିମ୍ବା ଉପର ଧାରକୁ ଯାଇଥିବା ଯେକ content ଣସି ବିଷୟବସ୍ତୁକୁ ବନ୍ଦ କରିଦିଏ | ବିଶେଷ ଭାବରେ, ଏହା ଡ୍ରପଡାଉନ୍ ମେନୁ ଏବଂ ଅନ୍ୟ ତୃତୀୟ-ପକ୍ଷ ୱିଜେଟ୍ଗୁଡ଼ିକୁ କ୍ଲିପ୍ କରିପାରେ |
ସର୍ବଦା ପ୍ରତିକ୍ରିୟାଶୀଳ |
ପ୍ରତ୍ୟେକ ବ୍ରେକପଏଣ୍ଟ ଉପରେ, .table-responsive
ଭୂସମାନ୍ତର ସ୍କ୍ରୋଲିଂ ଟେବୁଲଗୁଡିକ ପାଇଁ ବ୍ୟବହାର କରନ୍ତୁ |
#
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
୧
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
୨
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
3
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କପି କରନ୍ତୁ |
< div class = "table-responsive" >
< table class = "table" >
...
</ table >
</ div >
ବ୍ରେକପଏଣ୍ଟ ନିର୍ଦ୍ଦିଷ୍ଟ |
.table-responsive{-sm|-md|-lg|-xl|-xxl}
ଏକ ନିର୍ଦ୍ଦିଷ୍ଟ ବ୍ରେକପଏଣ୍ଟ ପର୍ଯ୍ୟନ୍ତ ପ୍ରତିକ୍ରିୟାଶୀଳ ସାରଣୀ ସୃଷ୍ଟି କରିବାକୁ ଆବଶ୍ୟକ ଅନୁଯାୟୀ ବ୍ୟବହାର କରନ୍ତୁ | ସେହି ବ୍ରେକପଏଣ୍ଟ ଏବଂ ଅପ୍ ଠାରୁ, ଟେବୁଲ୍ ସାଧାରଣ ଭାବରେ ଆଚରଣ କରିବ ଏବଂ ଭୂସମାନ୍ତର ଭାବରେ ସ୍କ୍ରୋଲ୍ କରିବ ନାହିଁ |
ନିର୍ଦ୍ଦିଷ୍ଟ ଭ୍ୟୁପୋର୍ଟ ପ୍ରସ୍ଥରେ ସେମାନଙ୍କର ପ୍ରତିକ୍ରିୟାଶୀଳ ଶ yles ଳୀ ପ୍ରୟୋଗ ନହେବା ପର୍ଯ୍ୟନ୍ତ ଏହି ସାରଣୀଗୁଡ଼ିକ ଭାଙ୍ଗି ଯାଇପାରେ |
#
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
୧
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
୨
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
3
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
#
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
୧
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
୨
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
3
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
#
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
୧
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
୨
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
3
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
#
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
୧
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
୨
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
3
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
#
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
୧
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
୨
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
3
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
#
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
ଶୀର୍ଷଲେଖ
୧
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
୨
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
3
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କକ୍ଷ
କପି କରନ୍ତୁ |
< div class = "table-responsive" >
< table class = "table" >
...
</ table >
</ div >
< div class = "table-responsive-sm" >
< table class = "table" >
...
</ table >
</ div >
< div class = "table-responsive-md" >
< table class = "table" >
...
</ table >
</ div >
< div class = "table-responsive-lg" >
< table class = "table" >
...
</ table >
</ div >
< div class = "table-responsive-xl" >
< table class = "table" >
...
</ table >
</ div >
< div class = "table-responsive-xxl" >
< table class = "table" >
...
</ table >
</ div >
ସାସ୍ |
ଭେରିଏବଲ୍ |
କପି କରନ୍ତୁ |
$table-cell-padding-y : .5 rem ;
$table-cell-padding-x : .5 rem ;
$table-cell-padding-y-sm : .25 rem ;
$table-cell-padding-x-sm : .25 rem ;
$table-cell-vertical-align : top ;
$table-color : $body-color ;
$table-bg : transparent ;
$table-accent-bg : transparent ;
$table-th-font-weight : null ;
$table-striped-color : $table-color ;
$table-striped-bg-factor : .05 ;
$table-striped-bg : rgba ( $black , $table-striped-bg-factor );
$table-active-color : $table-color ;
$table-active-bg-factor : .1 ;
$table-active-bg : rgba ( $black , $table-active-bg-factor );
$table-hover-color : $table-color ;
$table-hover-bg-factor : .075 ;
$table-hover-bg : rgba ( $black , $table-hover-bg-factor );
$table-border-factor : .1 ;
$table-border-width : $border-width ;
$table-border-color : $border-color ;
$table-striped-order : odd ;
$table-group-separator-color : currentColor ;
$table-caption-color : $text-muted ;
$table-bg-scale : - 80 % ;
ଲୁପ୍ |
କପି କରନ୍ତୁ |
$table-variants : (
"primary" : shift-color ( $primary , $table-bg-scale ) ,
"secondary" : shift-color ( $secondary , $table-bg-scale ) ,
"success" : shift-color ( $success , $table-bg-scale ) ,
"info" : shift-color ( $info , $table-bg-scale ) ,
"warning" : shift-color ( $warning , $table-bg-scale ) ,
"danger" : shift-color ( $danger , $table-bg-scale ) ,
"light" : $light ,
"dark" : $dark ,
);
କଷ୍ଟମାଇଜ୍
ଫ୍ୟାକ୍ଟର୍ ଭେରିଏବଲ୍ ( $table-striped-bg-factor
, $table-active-bg-factor
& $table-hover-bg-factor
) ଟେବୁଲ୍ ଭାରିଆଣ୍ଟରେ ବିପରୀତ ନିର୍ଣ୍ଣୟ କରିବାକୁ ବ୍ୟବହୃତ ହୁଏ |
ହାଲୁକା ଏବଂ ଗା dark ଟେବୁଲ୍ ପ୍ରକାରଗୁଡିକ ବ୍ୟତୀତ, ଥିମ୍ ରଙ୍ଗଗୁଡ଼ିକ ଭେରିଏବଲ୍ ଦ୍ୱାରା ହାଲୁକା ହୋଇଥାଏ $table-bg-level
|