ସାଧନ ନିର୍ମାଣ କରନ୍ତୁ |

ସାଧନ ସେଟଅପ୍ |

ବୁଟଷ୍ଟ୍ରାପ୍ ଏହାର ନିର୍ମାଣ ସିଷ୍ଟମ୍ ପାଇଁ npm ସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରେ | ଆମର ପ୍ୟାକେଜ୍। Json framework ାଞ୍ଚା ସହିତ କାର୍ଯ୍ୟ କରିବା ପାଇଁ ସୁବିଧାଜନକ ପଦ୍ଧତି ଅନ୍ତର୍ଭୂକ୍ତ କରେ, କୋଡ୍ ସଂକଳନ, ପରୀକ୍ଷା ପରୀକ୍ଷା, ଏବଂ ଅଧିକ |

ଆମର ବିଲ୍ଡ ସିଷ୍ଟମ୍ ବ୍ୟବହାର କରିବାକୁ ଏବଂ ଆମର ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ସ୍ଥାନୀୟ ଭାବରେ ଚଲାଇବାକୁ, ଆପଣଙ୍କୁ ବୁଟଷ୍ଟ୍ରାପ୍ ର ଉତ୍ସ ଫାଇଲ୍ ଏବଂ ନୋଡର ଏକ କପି ଦରକାର | ଏହି ପଦକ୍ଷେପଗୁଡିକ ଅନୁସରଣ କରନ୍ତୁ ଏବଂ ଆପଣ ପଥର ମାରିବାକୁ ପ୍ରସ୍ତୁତ ହେବା ଉଚିତ୍:

1. Node.js କୁ ଡାଉନଲୋଡ୍ ଏବଂ ସଂସ୍ଥାପନ କର, ଯାହାକୁ ଆମେ ଆମର ନିର୍ଭରଶୀଳତା ପରିଚାଳନା ପାଇଁ ବ୍ୟବହାର କରୁ |
2. ବୁଟଷ୍ଟ୍ରାପ୍ ର ଉତ୍ସ ଡାଉନଲୋଡ୍ କରନ୍ତୁ କିମ୍ବା ବୁଟ୍ଷ୍ଟ୍ରାପ୍ ର ରେପୋଜିଟୋରୀକୁ ଫଙ୍କ୍ କରନ୍ତୁ |
3. /bootstrapରୁଟ୍ ଡିରେକ୍ଟୋରୀକୁ ନେଭିଗେଟ୍ କରନ୍ତୁ ଏବଂ package.jsonnpm install ରେ ତାଲିକାଭୁକ୍ତ ଆମର ସ୍ଥାନୀୟ ନିର୍ଭରଶୀଳତା ସଂସ୍ଥାପନ କରିବାକୁ ଚଲାନ୍ତୁ |

ସମାପ୍ତ ହେବା ପରେ, ଆପଣ କମାଣ୍ଡ୍ ଲାଇନ୍ ରୁ ପ୍ରଦତ୍ତ ବିଭିନ୍ନ କମାଣ୍ଡ୍ ଚଲାଇବାକୁ ସମର୍ଥ ହେବେ |

Npm ସ୍କ୍ରିପ୍ଟ ବ୍ୟବହାର କରି |

ଆମର ପ୍ୟାକେଜ୍। Json ପ୍ରକଳ୍ପର ବିକାଶ ପାଇଁ ଅନେକ କାର୍ଯ୍ୟ ଅନ୍ତର୍ଭୁକ୍ତ କରେ | npm runଆପଣଙ୍କର ଟର୍ମିନାଲ୍ ରେ ସମସ୍ତ npm ସ୍କ୍ରିପ୍ଟ ଦେଖିବାକୁ ଚଲାନ୍ତୁ | ପ୍ରାଥମିକ କାର୍ଯ୍ୟଗୁଡ଼ିକ ଅନ୍ତର୍ଭୁକ୍ତ:

ସାସ୍ |

ଆମର ସାସ୍ ଉତ୍ସ ଫାଇଲଗୁଡ଼ିକୁ CSS ଫାଇଲରେ ସଂକଳନ କରିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ ଡାର୍ଟ ସାସ୍ ବ୍ୟବହାର କରେ (ଆମର ନିର୍ମାଣ ପ୍ରକ୍ରିୟାରେ ଅନ୍ତର୍ଭୂକ୍ତ), ଏବଂ ଯଦି ଆପଣ ନିଜସ୍ୱ ସମ୍ପତ୍ତି ପାଇପଲାଇନ ବ୍ୟବହାର କରି ସାସ୍ ସଂକଳନ କରୁଛନ୍ତି ତେବେ ଆମେ ମଧ୍ୟ ସମାନ କାର୍ଯ୍ୟ କରିବାକୁ ସୁପାରିଶ କରୁଛୁ | ଆମେ ପୂର୍ବରୁ ବୁଟଷ୍ଟ୍ରାପ୍ v4 ପାଇଁ ନୋଡ୍ ସାସ୍ ବ୍ୟବହାର କରୁଥିଲୁ, କିନ୍ତୁ ନୋଡ ସାସ୍ ସହିତ ଲିବସାସ୍ ଏବଂ ଏହା ଉପରେ ନିର୍ମିତ ପ୍ୟାକେଜଗୁଡ଼ିକ ବର୍ତ୍ତମାନ ପୁରୁଣା ହୋଇଛି |

ଡାର୍ଟ ସାସ୍ 10 ର ଏକ ଗୋଲାକାର ସଠିକତା ବ୍ୟବହାର କରେ ଏବଂ ଦକ୍ଷତା କାରଣରୁ ଏହି ମୂଲ୍ୟର ସମନ୍ୱୟକୁ ଅନୁମତି ଦିଏ ନାହିଁ | ଆମର ଉତ୍ପାଦିତ CSS ର ପରବର୍ତ୍ତୀ ପ୍ରକ୍ରିୟାକରଣ ସମୟରେ ଆମେ ଏହି ସଠିକତାକୁ ହ୍ରାସ କରୁନାହୁଁ, ଯେପରିକି ମାଇନିଫିକେସନ୍ ସମୟରେ, କିନ୍ତୁ ଯଦି ଆପଣ ଏହା କରିବାକୁ ପସନ୍ଦ କରନ୍ତି ତେବେ ବ୍ରାଉଜର୍ ରାଉଣ୍ଡିଂ ସହିତ ସମସ୍ୟାକୁ ରୋକିବା ପାଇଁ ଆମେ ଅତି କମରେ 6 ର ସଠିକତା ବଜାୟ ରଖିବାକୁ ସୁପାରିଶ କରୁ |

ଅଟୋଫ୍ରେଫିକ୍ସର୍ |

ନିର୍ମାଣ ସମୟରେ କିଛି CSS ଗୁଣରେ ସ୍ୱୟଂଚାଳିତ ଭାବରେ ବିକ୍ରେତା ଉପସର୍ଗ ଯୋଡିବା ପାଇଁ ବୁଟଷ୍ଟ୍ରାପ୍ ଅଟୋଫ୍ରେଫିକ୍ସର୍ (ଆମର ନିର୍ମାଣ ପ୍ରକ୍ରିୟାରେ ଅନ୍ତର୍ଭୂକ୍ତ) ବ୍ୟବହାର କରେ | ଏହା କରିବା ଦ୍ us ାରା ଆମକୁ CSS ର ପ୍ରମୁଖ ଅଂଶ ଲେଖିବାକୁ ଅନୁମତି ଦେଇ ଆମକୁ ସମୟ ଏବଂ କୋଡ୍ ସଞ୍ଚୟ କରେ ଯେତେବେଳେ v3 ରେ ମିଳୁଥିବା ପରି ବିକ୍ରେତା ମିଶ୍ରଣର ଆବଶ୍ୟକତାକୁ ଦୂର କରେ |

ଆମର GitHub ରେପୋଜିଟୋରୀ ମଧ୍ୟରେ ଏକ ପୃଥକ ଫାଇଲରେ ଅଟୋଫ୍ରେଫିକ୍ସର୍ ମାଧ୍ୟମରେ ସମର୍ଥିତ ବ୍ରାଉଜର୍ ତାଲିକା ଆମେ ବଜାୟ ରଖୁ | ବିବରଣୀ ପାଇଁ .browserslistrc ଦେଖନ୍ତୁ |

RTLCSS |

Bootstrap uses RTLCSS to process compiled CSS and convert them to RTL – basically replacing horizontal direction aware properties (eg. padding-left) with their opposite. It allows us only write our CSS a single time and make minor tweaks using RTLCSS control and value directives.

Local documentation

Running our documentation locally requires the use of Hugo, which gets installed via the hugo-bin npm package. Hugo is a blazingly fast and quite extensible static site generator that provides us: basic includes, Markdown-based files, templates, and more. Here’s how to get it started:

1. Run through the tooling setup above to install all dependencies.
2. From the root /bootstrap directory, run npm run docs-serve in the command line.
3. Open http://localhost:9001/ in your browser, and voilà.

Learn more about using Hugo by reading its documentation.

Troubleshooting

Should you encounter problems with installing dependencies, uninstall all previous dependency versions (global and local). Then, rerun npm install.