ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ರೆಸ್ಪಾನ್ಸಿವ್ 12-ಕಾಲಮ್ ಗ್ರಿಡ್ಗಳು, ಲೇಔಟ್ಗಳು ಮತ್ತು ಕಾಂಪೊನೆಂಟ್ಗಳಲ್ಲಿ ನಿರ್ಮಿಸಲಾಗಿದೆ.
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಕೆಲವು HTML ಅಂಶಗಳು ಮತ್ತು HTML5 ಡಾಕ್ಟೈಪ್ನ ಬಳಕೆಯ ಅಗತ್ಯವಿರುವ CSS ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮ್ಮ ಎಲ್ಲಾ ಯೋಜನೆಗಳ ಆರಂಭದಲ್ಲಿ ಅದನ್ನು ಸೇರಿಸಿ.
- <!DOCTYPE html>
- <html lang = "en" >
- ...
- </html>
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಮೂಲಭೂತ ಜಾಗತಿಕ ಪ್ರದರ್ಶನ, ಮುದ್ರಣಕಲೆ ಮತ್ತು ಲಿಂಕ್ ಶೈಲಿಗಳನ್ನು ಹೊಂದಿಸುತ್ತದೆ. ನಿರ್ದಿಷ್ಟವಾಗಿ, ನಾವು:
margin
ದೇಹದ ಮೇಲೆ ತೆಗೆದುಹಾಕಿbackground-color: white;
ಮೇಲೆ ಹೊಂದಿಸಿbody
@baseFontFamily
, @baseFontSize
, ಮತ್ತು @baseLineHeight
ಗುಣಲಕ್ಷಣಗಳನ್ನು ನಮ್ಮ ಮುದ್ರಣದ ಆಧಾರವಾಗಿ ಬಳಸಿ@linkColor
ಮತ್ತು ಲಿಂಕ್ ಅಂಡರ್ಲೈನ್ಗಳನ್ನು ಮಾತ್ರ ಅನ್ವಯಿಸಿ:hover
ಈ ಶೈಲಿಗಳನ್ನು ಸ್ಕ್ಯಾಫೋಲ್ಡಿಂಗ್ನಲ್ಲಿ ಕಾಣಬಹುದು. less .
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ 2 ನೊಂದಿಗೆ, ಹಳೆಯ ರೀಸೆಟ್ ಬ್ಲಾಕ್ ಅನ್ನು Normalize.css ಪರವಾಗಿ ಕೈಬಿಡಲಾಗಿದೆ , ಇದು ನಿಕೋಲಸ್ ಗಲ್ಲಾಘರ್ ಅವರ ಯೋಜನೆಯಾಗಿದ್ದು ಅದು HTML5 ಬಾಯ್ಲರ್ಪ್ಲೇಟ್ಗೆ ಶಕ್ತಿ ನೀಡುತ್ತದೆ . ನಮ್ಮ reset.less ನೊಳಗೆ ನಾವು ಸಾಮಾನ್ಯೀಕರಣವನ್ನು ಬಳಸುತ್ತಿರುವಾಗ , ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ಗಾಗಿ ನಾವು ಕೆಲವು ಅಂಶಗಳನ್ನು ನಿರ್ದಿಷ್ಟವಾಗಿ ತೆಗೆದುಹಾಕಿದ್ದೇವೆ.
ಡೀಫಾಲ್ಟ್ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್ 12 ಕಾಲಮ್ಗಳನ್ನು ಬಳಸುತ್ತದೆ , ಇದು 940px ವೈಡ್ ಕಂಟೈನರ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುವ ಪ್ರತಿಕ್ರಿಯಾಶೀಲತೆಯ ವೈಶಿಷ್ಟ್ಯಗಳಿಲ್ಲದೆ ಮಾಡುತ್ತದೆ. ಪ್ರತಿಕ್ರಿಯಿಸುವ CSS ಫೈಲ್ ಅನ್ನು ಸೇರಿಸುವುದರೊಂದಿಗೆ, ಗ್ರಿಡ್ ನಿಮ್ಮ ವ್ಯೂಪೋರ್ಟ್ ಅನ್ನು ಅವಲಂಬಿಸಿ 724px ಮತ್ತು 1170px ಅಗಲಕ್ಕೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ. 767px ವ್ಯೂಪೋರ್ಟ್ಗಳ ಕೆಳಗೆ, ಕಾಲಮ್ಗಳು ದ್ರವವಾಗುತ್ತವೆ ಮತ್ತು ಲಂಬವಾಗಿ ಸ್ಟ್ಯಾಕ್ ಆಗುತ್ತವೆ.
ಸರಳವಾದ ಎರಡು ಕಾಲಮ್ ವಿನ್ಯಾಸಕ್ಕಾಗಿ, a ಅನ್ನು ರಚಿಸಿ .row
ಮತ್ತು ಸೂಕ್ತವಾದ ಸಂಖ್ಯೆಯ .span*
ಕಾಲಮ್ಗಳನ್ನು ಸೇರಿಸಿ. ಇದು 12-ಕಾಲಮ್ ಗ್ರಿಡ್ ಆಗಿರುವುದರಿಂದ, ಪ್ರತಿಯೊಂದೂ .span*
ಆ 12 ಕಾಲಮ್ಗಳ ಸಂಖ್ಯೆಯನ್ನು ವ್ಯಾಪಿಸುತ್ತದೆ ಮತ್ತು ಪ್ರತಿ ಸಾಲಿಗೆ (ಅಥವಾ ಪೋಷಕರಲ್ಲಿರುವ ಕಾಲಮ್ಗಳ ಸಂಖ್ಯೆ) ಯಾವಾಗಲೂ 12 ವರೆಗೆ ಸೇರಿಸಬೇಕು.
- <div class = "row" >
- <div class = "span4" > ... </div>
- <div class = "span8" > ... </div>
- </div>
ಈ ಉದಾಹರಣೆಯನ್ನು ನೀಡಿದರೆ, ನಾವು ಹೊಂದಿದ್ದೇವೆ .span4
ಮತ್ತು .span8
12 ಒಟ್ಟು ಕಾಲಮ್ಗಳು ಮತ್ತು ಸಂಪೂರ್ಣ ಸಾಲನ್ನು ತಯಾರಿಸುತ್ತೇವೆ.
.offset*
ತರಗತಿಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಕಾಲಮ್ಗಳನ್ನು ಎಡಕ್ಕೆ ಸರಿಸಿ . ಪ್ರತಿಯೊಂದು ವರ್ಗವು ಒಂದು ಕಾಲಮ್ನ ಎಡ ಅಂಚನ್ನು ಸಂಪೂರ್ಣ ಕಾಲಮ್ನಿಂದ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ನಾಲ್ಕು ಕಾಲಮ್ಗಳ ಮೇಲೆ .offset4
ಚಲಿಸುತ್ತದೆ ..span4
- <div class = "row" >
- <div class = "span4" > ... </div>
- <div class = "span3 offset2" > ... </div>
- </div>
ಡೀಫಾಲ್ಟ್ ಗ್ರಿಡ್ನೊಂದಿಗೆ ನಿಮ್ಮ ವಿಷಯವನ್ನು ನೆಸ್ಟ್ ಮಾಡಲು, ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಕಾಲಮ್ನಲ್ಲಿ ಹೊಸ .row
ಮತ್ತು .span*
ಕಾಲಮ್ಗಳ ಸೆಟ್ ಅನ್ನು ಸೇರಿಸಿ. .span*
ನೆಸ್ಟೆಡ್ ಸಾಲುಗಳು ಅದರ ಪೋಷಕರ ಕಾಲಮ್ಗಳ ಸಂಖ್ಯೆಯನ್ನು ಸೇರಿಸುವ ಕಾಲಮ್ಗಳ ಗುಂಪನ್ನು ಒಳಗೊಂಡಿರಬೇಕು.
ಇಲ್ಲಿ ಎರಡು ನೆಸ್ಟೆಡ್ .span4
ಕಾಲಮ್ಗಳನ್ನು a ಒಳಗೆ ಇರಿಸಲಾಗಿದೆ .span8
.
- <div class = "row" >
- <div class = "span9" >
- ಹಂತ 1 ಕಾಲಮ್
- <div class = "row" >
- <div class = "span6" > ಹಂತ 2 </div>
- <div class = "span3" > ಹಂತ 2 </div>
- </div>
- </div>
- </div>
ಫ್ಲೂಯಿಡ್ ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್ ಕಾಲಮ್ ಅಗಲಗಳಿಗಾಗಿ ಪಿಕ್ಸೆಲ್ಗಳ ಬದಲಿಗೆ ಶೇಕಡಾವನ್ನು ಬಳಸುತ್ತದೆ. ಇದು ನಮ್ಮ ಸ್ಥಿರ ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್ನಂತೆ ಅದೇ ರೀತಿಯ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ಸಾಮರ್ಥ್ಯಗಳನ್ನು ಹೊಂದಿದೆ, ಪ್ರಮುಖ ಸ್ಕ್ರೀನ್ ರೆಸಲ್ಯೂಶನ್ಗಳು ಮತ್ತು ಸಾಧನಗಳಿಗೆ ಸರಿಯಾದ ಅನುಪಾತವನ್ನು ಖಾತ್ರಿಪಡಿಸುತ್ತದೆ.
ಗೆ ಬದಲಾಯಿಸುವ ಮೂಲಕ ಯಾವುದೇ ಸಾಲನ್ನು "ದ್ರವ" .row
ಮಾಡಿ .row-fluid
. ಕಾಲಮ್ ತರಗತಿಗಳು ಒಂದೇ ಆಗಿರುತ್ತವೆ, ಸ್ಥಿರ ಮತ್ತು ದ್ರವ ಗ್ರಿಡ್ಗಳ ನಡುವೆ ಫ್ಲಿಪ್ ಮಾಡಲು ಸುಲಭವಾಗುತ್ತದೆ.
- <div class = "row-fluid" >
- <div class = "span4" > ... </div>
- <div class = "span8" > ... </div>
- </div>
ಸ್ಥಿರ ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್ ಆಫ್ಸೆಟ್ ಮಾಡುವ ರೀತಿಯಲ್ಲಿಯೇ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ: ಅಷ್ಟು .offset*
ಕಾಲಮ್ಗಳಿಂದ ಸರಿದೂಗಿಸಲು ಯಾವುದೇ ಕಾಲಮ್ಗೆ ಸೇರಿಸಿ.
- <div class = "row-fluid" >
- <div class = "span4" > ... </div>
- <div class = "span4 offset2" > ... </div>
- </div>
ದ್ರವ ಗ್ರಿಡ್ಗಳೊಂದಿಗೆ ಗೂಡುಕಟ್ಟುವಿಕೆಯು ಸ್ವಲ್ಪ ವಿಭಿನ್ನವಾಗಿದೆ: ನೆಸ್ಟೆಡ್ ಕಾಲಮ್ಗಳ ಸಂಖ್ಯೆಯು ಪೋಷಕರ ಕಾಲಮ್ಗಳ ಸಂಖ್ಯೆಗೆ ಹೊಂದಿಕೆಯಾಗಬಾರದು. ಬದಲಿಗೆ, ನೆಸ್ಟೆಡ್ ಕಾಲಮ್ಗಳ ಪ್ರತಿ ಹಂತವನ್ನು ಮರುಹೊಂದಿಸಲಾಗುತ್ತದೆ ಏಕೆಂದರೆ ಪ್ರತಿ ಸಾಲು ಮೂಲ ಕಾಲಮ್ನ 100% ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ.
- <div class = "row-fluid" >
- <div class = "span12" >
- ಕಾಲಮ್ನ ಹಂತ 1
- <div class = "row-fluid" >
- <div class = "span6" > ಹಂತ 2 </div>
- <div class = "span6" > ಹಂತ 2 </div>
- </div>
- </div>
- </div>
ಅಗತ್ಯವಿರುವ ಮಾತ್ರದೊಂದಿಗೆ ಸಾಮಾನ್ಯ ಸ್ಥಿರ-ಅಗಲ (ಮತ್ತು ಐಚ್ಛಿಕವಾಗಿ ಸ್ಪಂದಿಸುವ) ವಿನ್ಯಾಸವನ್ನು ಒದಗಿಸುತ್ತದೆ <div class="container">
.
- <ದೇಹ>
- <div ವರ್ಗ = "ಧಾರಕ" >
- ...
- </div>
- </body>
<div class="container-fluid">
ಅಪ್ಲಿಕೇಶನ್ಗಳು ಮತ್ತು ಡಾಕ್ಸ್ಗಾಗಿ ಉತ್ತಮವಾದ ಎರಡು-ಕಾಲಮ್ ಪುಟವನ್ನು ರಚಿಸಿ .
- <div ವರ್ಗ = "ಧಾರಕ-ದ್ರವ" >
- <div class = "row-fluid" >
- <div class = "span2" >
- <!--ಸೈಡ್ಬಾರ್ ವಿಷಯ-->
- </div>
- <div class = "span10" >
- <!--ದೇಹದ ವಿಷಯ-->
- </div>
- </div>
- </div>
<head>
ನಿಮ್ಮ ಡಾಕ್ಯುಮೆಂಟ್ನಲ್ಲಿ ಸರಿಯಾದ ಮೆಟಾ ಟ್ಯಾಗ್ ಮತ್ತು ಹೆಚ್ಚುವರಿ ಸ್ಟೈಲ್ಶೀಟ್ ಅನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ನಲ್ಲಿ ಸ್ಪಂದಿಸುವ CSS ಅನ್ನು ಆನ್ ಮಾಡಿ . ನೀವು ಕಸ್ಟಮೈಸ್ ಪುಟದಿಂದ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಕಂಪೈಲ್ ಮಾಡಿದ್ದರೆ, ನೀವು ಮೆಟಾ ಟ್ಯಾಗ್ ಅನ್ನು ಮಾತ್ರ ಸೇರಿಸಬೇಕಾಗುತ್ತದೆ.
- <meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
- <link href = "assets/css/bootstrap-responsive.css" rel = "ಸ್ಟೈಲ್ಶೀಟ್" >
ತಲೆ ಎತ್ತಿ! ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಈ ಸಮಯದಲ್ಲಿ ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಸ್ಪಂದಿಸುವ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಒಳಗೊಂಡಿಲ್ಲ ಏಕೆಂದರೆ ಎಲ್ಲವೂ ಸ್ಪಂದಿಸುವ ಅಗತ್ಯವಿಲ್ಲ. ಈ ವೈಶಿಷ್ಟ್ಯವನ್ನು ತೆಗೆದುಹಾಕಲು ಡೆವಲಪರ್ಗಳನ್ನು ಉತ್ತೇಜಿಸುವ ಬದಲು, ಅಗತ್ಯವಿರುವಂತೆ ಅದನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುವುದು ಉತ್ತಮ ಎಂದು ನಾವು ಭಾವಿಸುತ್ತೇವೆ.
ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳು ಹಲವಾರು ಷರತ್ತುಗಳ ಆಧಾರದ ಮೇಲೆ ಕಸ್ಟಮ್ CSS ಗೆ ಅವಕಾಶ ನೀಡುತ್ತವೆ-ಅನುಪಾತಗಳು, ಅಗಲಗಳು, ಪ್ರದರ್ಶನ ಪ್ರಕಾರ, ಇತ್ಯಾದಿ-ಆದರೆ ಸಾಮಾನ್ಯವಾಗಿ ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ min-width
ಮತ್ತು max-width
.
ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳನ್ನು ಜವಾಬ್ದಾರಿಯುತವಾಗಿ ಮತ್ತು ನಿಮ್ಮ ಮೊಬೈಲ್ ಪ್ರೇಕ್ಷಕರಿಗೆ ಪ್ರಾರಂಭವಾಗಿ ಬಳಸಿ. ದೊಡ್ಡ ಯೋಜನೆಗಳಿಗಾಗಿ, ಮೀಸಲಾದ ಕೋಡ್ ಬೇಸ್ಗಳನ್ನು ಪರಿಗಣಿಸಿ ಮತ್ತು ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳ ಪದರಗಳಲ್ಲ.
ವಿಭಿನ್ನ ಸಾಧನಗಳು ಮತ್ತು ಪರದೆಯ ರೆಸಲ್ಯೂಶನ್ಗಳಲ್ಲಿ ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ಗಳನ್ನು ಹೆಚ್ಚು ಸೂಕ್ತವಾಗಿಸಲು ಸಹಾಯ ಮಾಡಲು ಒಂದೇ ಫೈಲ್ನಲ್ಲಿ ಬೆರಳೆಣಿಕೆಯ ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳನ್ನು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಬೆಂಬಲಿಸುತ್ತದೆ. ಒಳಗೊಂಡಿರುವುದು ಇಲ್ಲಿದೆ:
ಲೇಬಲ್ | ಲೇಔಟ್ ಅಗಲ | ಕಾಲಮ್ ಅಗಲ | ಗಟರ್ ಅಗಲ |
---|---|---|---|
ಫೋನ್ಗಳು | 480px ಮತ್ತು ಕೆಳಗೆ | ದ್ರವ ಕಾಲಮ್ಗಳು, ಯಾವುದೇ ಸ್ಥಿರ ಅಗಲಗಳಿಲ್ಲ | |
ಟ್ಯಾಬ್ಲೆಟ್ಗಳಿಗೆ ಫೋನ್ಗಳು | 767px ಮತ್ತು ಕೆಳಗೆ | ದ್ರವ ಕಾಲಮ್ಗಳು, ಯಾವುದೇ ಸ್ಥಿರ ಅಗಲಗಳಿಲ್ಲ | |
ಭಾವಚಿತ್ರ ಮಾತ್ರೆಗಳು | 768px ಮತ್ತು ಹೆಚ್ಚಿನದು | 42px | 20px |
ಡೀಫಾಲ್ಟ್ | 980px ಮತ್ತು ಹೆಚ್ಚಿನದು | 60px | 20px |
ದೊಡ್ಡ ಪ್ರದರ್ಶನ | 1200px ಮತ್ತು ಹೆಚ್ಚಿನದು | 70px | 30px |
- /* ಲ್ಯಾಂಡ್ಸ್ಕೇಪ್ ಫೋನ್ಗಳು ಮತ್ತು ಕೆಳಗೆ */
- @media ( ಗರಿಷ್ಠ - ಅಗಲ : 480px ) { ... }
- /* ಪೋಟ್ರೇಟ್ ಟ್ಯಾಬ್ಲೆಟ್ಗೆ ಲ್ಯಾಂಡ್ಸ್ಕೇಪ್ ಫೋನ್ */
- @media ( ಗರಿಷ್ಠ - ಅಗಲ : 767px ) { ... }
- /* ಲ್ಯಾಂಡ್ಸ್ಕೇಪ್ ಮತ್ತು ಡೆಸ್ಕ್ಟಾಪ್ಗೆ ಪೋರ್ಟ್ರೇಟ್ ಟ್ಯಾಬ್ಲೆಟ್ */
- @media ( ನಿಮಿ - ಅಗಲ : 768px ) ಮತ್ತು ( ಗರಿಷ್ಠ - ಅಗಲ : 979px ) { ... }
- /* ದೊಡ್ಡ ಡೆಸ್ಕ್ಟಾಪ್ */
- @media ( ನಿಮಿ - ಅಗಲ : 1200px ) { ... }
ವೇಗವಾದ ಮೊಬೈಲ್-ಸ್ನೇಹಿ ಅಭಿವೃದ್ಧಿಗಾಗಿ, ಸಾಧನದ ಮೂಲಕ ವಿಷಯವನ್ನು ತೋರಿಸಲು ಮತ್ತು ಮರೆಮಾಡಲು ಈ ಉಪಯುಕ್ತತೆ ತರಗತಿಗಳನ್ನು ಬಳಸಿ. ಕೆಳಗೆ ಲಭ್ಯವಿರುವ ತರಗತಿಗಳ ಕೋಷ್ಟಕ ಮತ್ತು ನಿರ್ದಿಷ್ಟ ಮಾಧ್ಯಮದ ಪ್ರಶ್ನೆ ವಿನ್ಯಾಸದ ಮೇಲೆ ಅವುಗಳ ಪರಿಣಾಮ (ಸಾಧನದ ಮೂಲಕ ಲೇಬಲ್ ಮಾಡಲಾಗಿದೆ). ಅವುಗಳನ್ನು ಕಾಣಬಹುದು responsive.less
.
ವರ್ಗ | ಫೋನ್ಗಳು767px ಮತ್ತು ಕೆಳಗೆ | ಮಾತ್ರೆಗಳು979px ನಿಂದ 768px | ಡೆಸ್ಕ್ಟಾಪ್ಗಳುಡೀಫಾಲ್ಟ್ |
---|---|---|---|
.visible-phone |
ಕಾಣುವ | ಮರೆಮಾಡಲಾಗಿದೆ | ಮರೆಮಾಡಲಾಗಿದೆ |
.visible-tablet |
ಮರೆಮಾಡಲಾಗಿದೆ | ಕಾಣುವ | ಮರೆಮಾಡಲಾಗಿದೆ |
.visible-desktop |
ಮರೆಮಾಡಲಾಗಿದೆ | ಮರೆಮಾಡಲಾಗಿದೆ | ಕಾಣುವ |
.hidden-phone |
ಮರೆಮಾಡಲಾಗಿದೆ | ಕಾಣುವ | ಕಾಣುವ |
.hidden-tablet |
ಕಾಣುವ | ಮರೆಮಾಡಲಾಗಿದೆ | ಕಾಣುವ |
.hidden-desktop |
ಕಾಣುವ | ಕಾಣುವ | ಮರೆಮಾಡಲಾಗಿದೆ |
ಸೀಮಿತ ಆಧಾರದ ಮೇಲೆ ಬಳಸಿ ಮತ್ತು ಒಂದೇ ಸೈಟ್ನ ಸಂಪೂರ್ಣ ವಿಭಿನ್ನ ಆವೃತ್ತಿಗಳನ್ನು ರಚಿಸುವುದನ್ನು ತಪ್ಪಿಸಿ. ಬದಲಾಗಿ, ಪ್ರತಿ ಸಾಧನದ ಪ್ರಸ್ತುತಿಗೆ ಪೂರಕವಾಗಿ ಅವುಗಳನ್ನು ಬಳಸಿ.
ಮೇಲಿನ ತರಗತಿಗಳನ್ನು ಪರೀಕ್ಷಿಸಲು ನಿಮ್ಮ ಬ್ರೌಸರ್ ಅನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ ಅಥವಾ ವಿವಿಧ ಸಾಧನಗಳಲ್ಲಿ ಲೋಡ್ ಮಾಡಿ.
ನಿಮ್ಮ ಪ್ರಸ್ತುತ ವ್ಯೂಪೋರ್ಟ್ನಲ್ಲಿ ವರ್ಗವು ಗೋಚರಿಸುತ್ತದೆ ಎಂದು ಹಸಿರು ಚೆಕ್ಮಾರ್ಕ್ಗಳು ಸೂಚಿಸುತ್ತವೆ.
ಇಲ್ಲಿ, ನಿಮ್ಮ ಪ್ರಸ್ತುತ ವ್ಯೂಪೋರ್ಟ್ನಲ್ಲಿ ವರ್ಗವನ್ನು ಮರೆಮಾಡಲಾಗಿದೆ ಎಂದು ಹಸಿರು ಚೆಕ್ಮಾರ್ಕ್ಗಳು ಸೂಚಿಸುತ್ತವೆ.