ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನೊಂದಿಗೆ ವೇಗದ, ಸ್ಪಂದಿಸುವ ಸೈಟ್ಗಳನ್ನು ನಿರ್ಮಿಸಿ
ಶಕ್ತಿಯುತ, ವಿಸ್ತರಿಸಬಹುದಾದ ಮತ್ತು ವೈಶಿಷ್ಟ್ಯ-ಪ್ಯಾಕ್ಡ್ ಮುಂಭಾಗದ ಟೂಲ್ಕಿಟ್. ಸಾಸ್ನೊಂದಿಗೆ ನಿರ್ಮಿಸಿ ಮತ್ತು ಕಸ್ಟಮೈಸ್ ಮಾಡಿ, ಪೂರ್ವನಿರ್ಮಿತ ಗ್ರಿಡ್ ಸಿಸ್ಟಮ್ ಮತ್ತು ಘಟಕಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳಿ ಮತ್ತು ಶಕ್ತಿಯುತ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ಲಗಿನ್ಗಳೊಂದಿಗೆ ಯೋಜನೆಗಳನ್ನು ಜೀವಂತಗೊಳಿಸಿ.
npm, RubyGems, Composer, ಅಥವಾ Meteor ಮೂಲಕ Bootstrap ನ ಮೂಲ Sass ಮತ್ತು JavaScript ಫೈಲ್ಗಳನ್ನು ಸ್ಥಾಪಿಸಿ. ಪ್ಯಾಕೇಜ್ ನಿರ್ವಹಿಸಿದ ಸ್ಥಾಪನೆಗಳು ದಸ್ತಾವೇಜನ್ನು ಅಥವಾ ನಮ್ಮ ಪೂರ್ಣ ಬಿಲ್ಡ್ ಸ್ಕ್ರಿಪ್ಟ್ಗಳನ್ನು ಒಳಗೊಂಡಿರುವುದಿಲ್ಲ. npm ಮೂಲಕ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ತ್ವರಿತವಾಗಿ ರಚಿಸಲು ನೀವು ನಮ್ಮ npm ಟೆಂಪ್ಲೇಟ್ ರೆಪೋವನ್ನು ಸಹ ಬಳಸಬಹುದು.
<!-- CSS only --><linkhref="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"rel="stylesheet"integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT"crossorigin="anonymous">
<!-- JavaScript Bundle with Popper --><scriptsrc="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"crossorigin="anonymous"></script>
ನಮ್ಮ ಪ್ರಾರಂಭಿಕ ಮಾರ್ಗದರ್ಶಿಗಳನ್ನು ಓದಿ
ನಮ್ಮ ಅಧಿಕೃತ ಮಾರ್ಗದರ್ಶಿಗಳೊಂದಿಗೆ ಹೊಸ ಪ್ರಾಜೆಕ್ಟ್ನಲ್ಲಿ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಮೂಲ ಫೈಲ್ಗಳನ್ನು ಸೇರಿಸುವುದರ ಮೇಲೆ ಜಿಗಿತವನ್ನು ಪಡೆಯಿರಿ.
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಮಾಡ್ಯುಲರ್ ಮತ್ತು ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಆರ್ಕಿಟೆಕ್ಚರ್ಗಾಗಿ ಸಾಸ್ ಅನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮಗೆ ಅಗತ್ಯವಿರುವ ಘಟಕಗಳನ್ನು ಮಾತ್ರ ಆಮದು ಮಾಡಿಕೊಳ್ಳಿ, ಗ್ರೇಡಿಯಂಟ್ಗಳು ಮತ್ತು ನೆರಳುಗಳಂತಹ ಜಾಗತಿಕ ಆಯ್ಕೆಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ ಮತ್ತು ನಮ್ಮ ವೇರಿಯೇಬಲ್ಗಳು, ನಕ್ಷೆಗಳು, ಕಾರ್ಯಗಳು ಮತ್ತು ಮಿಕ್ಸಿನ್ಗಳೊಂದಿಗೆ ನಿಮ್ಮ ಸ್ವಂತ CSS ಅನ್ನು ಬರೆಯಿರಿ.
ಒಂದು ಸ್ಟೈಲ್ಶೀಟ್ ಅನ್ನು ಆಮದು ಮಾಡಿಕೊಳ್ಳಿ ಮತ್ತು ನಮ್ಮ CSS ನ ಪ್ರತಿಯೊಂದು ವೈಶಿಷ್ಟ್ಯದೊಂದಿಗೆ ನೀವು ರೇಸ್ಗಳಿಗೆ ಹೊರಡುತ್ತೀರಿ.
// Variable overrides first
$primary:#900;$enable-shadows:true;$prefix:"mo-";// Then import Bootstrap
@import"../node_modules/bootstrap/scss/bootstrap";
CSS ವೇರಿಯೇಬಲ್ಗಳೊಂದಿಗೆ ನೈಜ ಸಮಯದಲ್ಲಿ ನಿರ್ಮಿಸಿ ಮತ್ತು ವಿಸ್ತರಿಸಿ
ಜಾಗತಿಕ ಥೀಮ್ ಶೈಲಿಗಳು, ಪ್ರತ್ಯೇಕ ಘಟಕಗಳು ಮತ್ತು ಉಪಯುಕ್ತತೆಗಳಿಗಾಗಿ CSS ವೇರಿಯೇಬಲ್ಗಳನ್ನು ಉತ್ತಮವಾಗಿ ಬಳಸಿಕೊಳ್ಳಲು ಪ್ರತಿ ಬಿಡುಗಡೆಯೊಂದಿಗೆ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ 5 ವಿಕಸನಗೊಳ್ಳುತ್ತಿದೆ. ಬಣ್ಣಗಳು, ಫಾಂಟ್ ಶೈಲಿಗಳು ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳಿಗಾಗಿ ನಾವು ಡಜನ್ಗಟ್ಟಲೆ ಅಸ್ಥಿರಗಳನ್ನು ಒದಗಿಸುತ್ತೇವೆ :root. ಘಟಕಗಳು ಮತ್ತು ಉಪಯುಕ್ತತೆಗಳಲ್ಲಿ, CSS ವೇರಿಯೇಬಲ್ಗಳನ್ನು ಸಂಬಂಧಿತ ವರ್ಗಕ್ಕೆ ಸ್ಕೋಪ್ ಮಾಡಲಾಗುತ್ತದೆ ಮತ್ತು ಸುಲಭವಾಗಿ ಮಾರ್ಪಡಿಸಬಹುದು.
ಹೊಸ ಶೈಲಿಗಳನ್ನು ಬರೆಯಲು ನಮ್ಮ ಯಾವುದೇ ಜಾಗತಿಕ :rootವೇರಿಯಬಲ್ಗಳನ್ನು ಬಳಸಿ. CSS ಅಸ್ಥಿರಗಳು var(--bs-variableName)ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಬಳಸುತ್ತವೆ ಮತ್ತು ಮಕ್ಕಳ ಅಂಶಗಳಿಂದ ಆನುವಂಶಿಕವಾಗಿ ಪಡೆಯಬಹುದು.
ನೀವು ಇಷ್ಟಪಡುವ ರೀತಿಯಲ್ಲಿ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಜಾಗತಿಕ, ಕಾಂಪೊನೆಂಟ್ ಅಥವಾ ಯುಟಿಲಿಟಿ ಕ್ಲಾಸ್ ವೇರಿಯೇಬಲ್ಗಳನ್ನು ಅತಿಕ್ರಮಿಸಿ. ಪ್ರತಿ ನಿಯಮವನ್ನು ಪುನಃ ಘೋಷಿಸುವ ಅಗತ್ಯವಿಲ್ಲ, ಕೇವಲ ಹೊಸ ವೇರಿಯಬಲ್ ಮೌಲ್ಯ.
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ 5 ರಲ್ಲಿ ಹೊಸದು, ನಮ್ಮ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಈಗ ನಮ್ಮ ಯುಟಿಲಿಟಿ API ನಿಂದ ರಚಿಸಲಾಗಿದೆ . ನಾವು ಅದನ್ನು ತ್ವರಿತವಾಗಿ ಮತ್ತು ಸುಲಭವಾಗಿ ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದಾದ ವೈಶಿಷ್ಟ್ಯ-ಪ್ಯಾಕ್ಡ್ ಸಾಸ್ ನಕ್ಷೆಯಾಗಿ ನಿರ್ಮಿಸಿದ್ದೇವೆ. ಯಾವುದೇ ಉಪಯುಕ್ತತೆಯ ತರಗತಿಗಳನ್ನು ಸೇರಿಸುವುದು, ತೆಗೆದುಹಾಕುವುದು ಅಥವಾ ಮಾರ್ಪಡಿಸುವುದು ಎಂದಿಗೂ ಸುಲಭವಲ್ಲ. ಉಪಯುಕ್ತತೆಗಳನ್ನು ಸ್ಪಂದಿಸುವಂತೆ ಮಾಡಿ, ಹುಸಿ-ವರ್ಗದ ರೂಪಾಂತರಗಳನ್ನು ಸೇರಿಸಿ ಮತ್ತು ಅವರಿಗೆ ಕಸ್ಟಮ್ ಹೆಸರುಗಳನ್ನು ನೀಡಿ.
// Create and extend utilities with the Utility API
@import"bootstrap/scss/bootstrap";$utilities:map-merge($utilities,("cursor":(property:cursor,class:cursor,responsive:true,values:autopointergrab,)));
jQuery ಇಲ್ಲದೆ ಪ್ರಬಲ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ಲಗಿನ್ಗಳು
ಸುಲಭವಾಗಿ ಟಾಗಲ್ ಮಾಡಬಹುದಾದ ಗುಪ್ತ ಅಂಶಗಳು, ಮೋಡಲ್ಗಳು ಮತ್ತು ಆಫ್ಕ್ಯಾನ್ವಾಸ್ ಮೆನುಗಳು, ಪಾಪೋವರ್ಗಳು ಮತ್ತು ಟೂಲ್ಟಿಪ್ಗಳು ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ಸೇರಿಸಿ-ಎಲ್ಲಾ jQuery ಇಲ್ಲದೆ. ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನಲ್ಲಿನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ HTML-ಮೊದಲನೆಯದು, ಅಂದರೆ ಪ್ಲಗಿನ್ಗಳನ್ನು ಸೇರಿಸುವುದು dataಗುಣಲಕ್ಷಣಗಳನ್ನು ಸೇರಿಸುವಷ್ಟು ಸುಲಭ. ಹೆಚ್ಚಿನ ನಿಯಂತ್ರಣ ಬೇಕೇ? ಪ್ರೋಗ್ರಾಮ್ಯಾಟಿಕ್ ಆಗಿ ವೈಯಕ್ತಿಕ ಪ್ಲಗಿನ್ಗಳನ್ನು ಸೇರಿಸಿ.
ನೀವು HTML ಬರೆಯಬಹುದಾದಾಗ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಏಕೆ ಬರೆಯಬೇಕು? dataಬಹುತೇಕ ಎಲ್ಲಾ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ಲಗಿನ್ಗಳು ಫಸ್ಟ್-ಕ್ಲಾಸ್ ಡೇಟಾ API ಅನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ, ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಬಳಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ .
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಐಕಾನ್ಗಳೊಂದಿಗೆ ಅದನ್ನು ವೈಯಕ್ತೀಕರಿಸಿ
ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಐಕಾನ್ಗಳು 1,500 ಗ್ಲಿಫ್ಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ಮುಕ್ತ ಮೂಲ SVG ಐಕಾನ್ ಲೈಬ್ರರಿಯಾಗಿದ್ದು, ಪ್ರತಿ ಬಿಡುಗಡೆಯನ್ನು ಇನ್ನಷ್ಟು ಸೇರಿಸಲಾಗುತ್ತದೆ. ನೀವು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಬಳಸುತ್ತಿರಲಿ ಅಥವಾ ಇಲ್ಲದಿರಲಿ, ಯಾವುದೇ ಯೋಜನೆಯಲ್ಲಿ ಕೆಲಸ ಮಾಡಲು ಅವುಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಅವುಗಳನ್ನು SVG ಗಳು ಅಥವಾ ಐಕಾನ್ ಫಾಂಟ್ಗಳಾಗಿ ಬಳಸಿ-ಎರಡೂ ಆಯ್ಕೆಗಳು ನಿಮಗೆ ವೆಕ್ಟರ್ ಸ್ಕೇಲಿಂಗ್ ಮತ್ತು CSS ಮೂಲಕ ಸುಲಭ ಗ್ರಾಹಕೀಕರಣವನ್ನು ನೀಡುತ್ತವೆ.
ಅಧಿಕೃತ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಥೀಮ್ಗಳೊಂದಿಗೆ ಅದನ್ನು ನಿಮ್ಮದಾಗಿಸಿಕೊಳ್ಳಿ
ಅಧಿಕೃತ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಥೀಮ್ಗಳ ಮಾರುಕಟ್ಟೆಯಿಂದ ಪ್ರೀಮಿಯಂ ಥೀಮ್ಗಳೊಂದಿಗೆ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಮುಂದಿನ ಹಂತಕ್ಕೆ ಕೊಂಡೊಯ್ಯಿರಿ . ಥೀಮ್ಗಳನ್ನು ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನಲ್ಲಿ ತಮ್ಮದೇ ಆದ ವಿಸ್ತೃತ ಚೌಕಟ್ಟುಗಳಾಗಿ ನಿರ್ಮಿಸಲಾಗಿದೆ, ಹೊಸ ಘಟಕಗಳು ಮತ್ತು ಪ್ಲಗಿನ್ಗಳು, ದಾಖಲಾತಿಗಳು ಮತ್ತು ಶಕ್ತಿಯುತವಾದ ನಿರ್ಮಾಣ ಸಾಧನಗಳೊಂದಿಗೆ ಸಮೃದ್ಧವಾಗಿದೆ.