TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট

8

বুটস্ট্র্যাপ 5 একটি চূড়ান্ত পাবলিক সংস্করণ হিসাবে প্রকাশিত হয়েছিল। এর মূল অর্থ হল আপনার পূর্ববর্তী সংস্করণ থেকে মাইগ্রেশনের প্রস্তুতি নেওয়া উচিত এবং নতুন ওয়েবসাইট তৈরি করার জন্য নতুন সংস্করণটি ব্যবহার করা উচিত। আপনি মাইগ্রেট করছেন বা নতুন সাইট শুরু করছেন, আপনার প্রথমে ন্যূনতম বা স্টার্টার টেমপ্লেটটি শিখতে হবে। এই টিউটোরিয়ালে আমরা ব্যাখ্যা করব কিভাবে সহজ উদাহরণ দিয়ে আপনার প্রকল্প শুরু করার জন্য বেস বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট তৈরি করবেন।

বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট ব্যবহার করা

  1. বুটস্ট্র্যাপ সোর্স ফাইল ডাউনলোড করা হচ্ছে
  2. আপনার সার্ভারে বুটস্ট্র্যাপ 5 ফাইল হোস্টিং
  3. CDN লিঙ্ক সহ বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট ব্যবহার করা
  4. বুটস্ট্র্যাপ 5 উপাদান কাস্টমাইজ করা
  5. স্টার্টার টেমপ্লেটকে আরও এগিয়ে নিয়ে যাওয়া
  6. 5 সংস্করণে বান্ডিল করা স্ক্রিপ্ট ফাইল ব্যবহার করা
  7. বুটস্ট্র্যাপ আইকন সহ
  8. স্ট্যাটিক সাইট জেনারেটর ব্যবহার করা

1 বুটস্ট্র্যাপ 5 সোর্স ফাইল ডাউনলোড করা

শেষ ব্যবহারকারী হিসাবে, বুটস্ট্র্যাপ সিএসএস এবং জাভাস্ক্রিপ্ট ফাইলগুলি ব্যবহার করার দুটি উপায় রয়েছে। একটি হল পূর্বনির্ধারিত ফাইল ডাউনলোড করে সেগুলোকে আপনার প্রকল্পে অন্তর্ভুক্ত করা এবং দ্বিতীয়টি হল CDN লিংক ব্যবহার করা।

বুটস্ট্র্যাপ নিবন্ধের সাথে শুরু করতে আপনি বুটস্ট্র্যাপ ফাইলগুলি সম্পর্কে আরও জানতে পারেন ।

2 আপনার নিজের সার্ভারে বুটস্ট্র্যাপ ফাইল ব্যবহার করা

আপনি GitHub সংগ্রহস্থল থেকে প্রাক কম্পাইল করা CSS এবং জাভাস্ক্রিপ্ট ফাইল ডাউনলোড করতে পারেন । জিপ ফাইলে CSS এবং JS ফোল্ডার থাকতে হবে। সিএসএস ফোল্ডারের ভিতরে উপলব্ধ ফাইলগুলি নিচে দেওয়া হল:

বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট

বুটস্ট্র্যাপ 5 ফাইল

ডাউনলোড করা সোর্স ফাইলে একাধিক CSS সংস্করণ পাওয়া যায়:

  • ডিফল্ট এবং মিনিফাইড সিএসএস ফাইল যা আপনি যে কোন প্রজেক্টের সাথে ব্যবহার করতে পারেন
  • ইউটিলিটি ফাইল
  • গ্রিড শুধুমাত্র সংস্করণ
  • শুধুমাত্র সংস্করণ রিবুট করুন

একটি প্রোডাকশন সার্ভারে, আপনি আপনার সমস্ত প্রয়োজনের জন্য minified সংস্করণ "bootstrap.min.css" ব্যবহার করতে পারেন। সোর্স ম্যাপ ফাইলগুলি সোর্স এবং পূর্বনির্ধারিত মিনিফাইড ভার্সনের মধ্যে ম্যাপ করতে সাহায্য করে। আপনাকে রিবুট, গ্রিড এবং সাইটে নিয়মিত ব্যবহারের জন্য ম্যাপ ফাইল।

দ্রষ্টব্য: যখন আপনি শুধুমাত্র আপনার সাইটে "bootstrap.min.css" ফাইল ব্যবহার করেন, সাফারির মত কিছু ব্রাউজার ডেভেলপার কনসোলে ত্রুটি বা সতর্কতা দেখাবে যে উৎস ম্যাপ ফাইলটি অনুপস্থিত। ত্রুটিটি ঠিক করার জন্য, বুটস্ট্র্যাপ CSS ফাইলটি খুলুন এবং শেষ লাইনটি সরিয়ে দিন ” / # sourceMappingURL = bootstrap.min.css.map /"।

সিএসএস ফাইলের মতো, জেএস ফোল্ডারে "bootstrap.js" এবং "bootstrap.bundle.js" থাকবে। "Bootstrap.js" ফাইলে পপার স্ক্রিপ্ট অন্তর্ভুক্ত নয় কিন্তু বান্ডেল সংস্করণে পপার স্ক্রিপ্ট অন্তর্ভুক্ত রয়েছে। আগের বুটস্ট্র্যাপ 4 সংস্করণের সাথে, জাভাস্ক্রিপ্ট উপাদানগুলি সঠিকভাবে কাজ করার জন্য আপনাকে আলাদাভাবে jQuery অন্তর্ভুক্ত করতে হবে। যাইহোক, বুটস্ট্র্যাপ 5 এর কাঠামোর অংশ হিসাবে jQuery এর প্রয়োজন নেই এবং jQuery ছাড়া কাজ করার জন্য ডিজাইন করা হয়েছে।

বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট

বুটস্ট্র্যাপ 5 জেএস ফাইল

উপরের বোঝার সাথে সোর্স ফাইলগুলির নিম্নলিখিত কাঠামো থাকবে যাতে প্রচুর CSS এবং JS ফাইল থাকে।

bootstrap/ ├── css/ │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-grid.rtl.css │ ├── bootstrap-grid.rtl.css.map │ ├── bootstrap-grid.rtl.min.css │ ├── bootstrap-grid.rtl.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map │ ├── bootstrap-reboot.rtl.css │ ├── bootstrap-reboot.rtl.css.map │ ├── bootstrap-reboot.rtl.min.css │ ├── bootstrap-reboot.rtl.min.css.map │ ├── bootstrap-utilities.css │ ├── bootstrap-utilities.css.map │ ├── bootstrap-utilities.min.css │ ├── bootstrap-utilities.min.css.map │ ├── bootstrap-utilities.rtl.css │ ├── bootstrap-utilities.rtl.css.map │ ├── bootstrap-utilities.rtl.min.css │ ├── bootstrap-utilities.rtl.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap.min.css.map │ ├── bootstrap.rtl.css │ ├── bootstrap.rtl.css.map │ ├── bootstrap.rtl.min.css │ └── bootstrap.rtl.min.css.map └── js/ ├── bootstrap.bundle.js ├── bootstrap.bundle.js.map ├── bootstrap.bundle.min.js ├── bootstrap.bundle.min.js.map ├── bootstrap.esm.js ├── bootstrap.esm.js.map ├── bootstrap.esm.min.js ├── bootstrap.esm.min.js.map ├── bootstrap.js ├── bootstrap.js.map ├── bootstrap.min.js └── bootstrap.min.js.map

যখন আপনি আপনার সার্ভারে উপরের ফাইলগুলি হোস্ট করেন তখন প্রাথমিক স্টার্টার টেমপ্লেটটি নীচের মত হওয়া উচিত:

<!DOCTYPE html> <html lang="en"> <head> <!-- Meta Tags for Bootstrap 5 --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap 5 CSS --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> </head> <body> Add Your Content Here <!-- Bootstrap 5 Scripts --> <script src="assets/js/bootstrap.bundle.min.js"></script> </body> </html>

মনে রাখবেন, যদি আপনি বান্ডিল করা জেএস ফাইল ব্যবহার না করেন তাহলে আপনাকে আলাদা জেএস এবং পপার স্ক্রিপ্ট ফাইল অন্তর্ভুক্ত করতে হবে। যদি আপনি সঠিকভাবে লক্ষ্য করেছেন, স্টার্টার টেমপ্লেটে অনেকগুলি অতিরিক্ত ট্যাগ এবং স্ক্রিপ্ট রয়েছে।

  • বুটস্ট্র্যাপ টেমপ্লেটগুলির জন্য HTML5 DOCTYPE ব্যবহার করে। অতএব, অপ্রত্যাশিত আচরণ এড়াতে আপনার HTML টেমপ্লেটের শুরুতে <! DOCTYPE HTML> অন্তর্ভুক্ত করা নিশ্চিত করুন।
  • রেন্ডারিং ডিভাইসের উপর ভিত্তি করে টেমপ্লেটের প্রতিক্রিয়াশীলতা নিশ্চিত করতে আপনাকে ভিউপোর্ট মেটা ট্যাগ ব্যবহার করতে হবে।
  • যদি আপনি jQuery যোগ করেন, তাহলে "popper.min.js" এবং "bootstrap.min.js" স্ক্রিপ্টের আগে যোগ করতে ভুলবেন না।
  • আপনি পপার সাইট থেকে পপার স্ক্রিপ্ট ডাউনলোড  করে আপনার সাইটের "সম্পদ/জেএস/" ফোল্ডারে আপলোড করতে পারেন।
  • মনে রাখবেন বুপারস্ট্র্যাপ প্লাগইনগুলি সঠিকভাবে কাজ করার জন্য পপার স্ক্রিপ্ট অপরিহার্য। পপার একটি জাভাস্ক্রিপ্ট লাইব্রেরি যা প্রধানত বুটস্ট্র্যাপে টুলটিপ কম্পোনেন্টের মতো ভাসমান উপাদানগুলির অবস্থানের জন্য ব্যবহৃত হয়

দ্রষ্টব্য আমরা "সম্পদ/css/bootstrap.min.css" এবং "সম্পদ/js/bootstrap.bundle.min.js" ফাইল পাথ হিসাবে ব্যবহার করেছি। সমস্ত সিএসএস এবং জেএস ফাইল আলাদা ফোল্ডারে রাখা একটি ভাল অভ্যাস যাতে এটি পরিচালনা করা সহজ হয়। এর মূল অর্থ হল আপনার সার্ভারে সংশ্লিষ্ট ফোল্ডার তৈরি করা এবং বুটস্ট্র্যাপ সিএসএস এবং জেএস ফাইলগুলি ম্যানুয়ালি আপলোড করা উচিত। এছাড়াও ছবিগুলিকে আলাদা "ইমেজ" ফোল্ডার এবং এইচটিএমএল ফাইলে আপনার সাইটের রুটে রাখুন। সুতরাং পুরো কাঠামোটি আপনার সার্ভারে নীচের মতো দেখতে হবে:

বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট

বুটস্ট্র্যাপ 5 থিম ফাইলের গঠন

উপরের উদাহরণে "থিম ফোল্ডার" হল আপনার সাইটের রুট ফোল্ডার যা আপনার ডোমেইন বা সাবডোমেন বা সাবডাইরেক্টরি হওয়া উচিত।

3 CDN দিয়ে স্টার্টার টেমপ্লেট ব্যবহার করা

আপনার সার্ভারে সমস্ত প্রয়োজনীয় ফাইল হোস্ট করা সঠিক উপায় কিন্তু এটি লোডিং স্পিড এবং হোস্টিং ক্ষমতাকে প্রভাবিত করবে। সুতরাং, আমরা আপনার নিজস্ব সার্ভারে হোস্ট করার পরিবর্তে CSS এবং JS ফাইলগুলির জন্য CDN লিঙ্কগুলি ব্যবহার করার পরামর্শ দিই। এটি সেই স্ট্যাটিক ফাইলের দ্রুত ডেলিভারি নিশ্চিত করবে এবং পেজ লোডিং স্পিড উন্নত করবে । নিচে CSS এবং স্ক্রিপ্টের জন্য CDN লিঙ্ক সহ একটি বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট দেওয়া হল। আপনার সাইট বা থিম নির্মাণ শুরু করতে আপনি কেবল বডি বিভাগে সামগ্রী যোগ করতে পারেন । এর আগে, বুটস্ট্র্যাপ 4 সংস্করণটি বুটস্ট্র্যাপ সিডিএন নেটওয়ার্ক থেকে এবং সর্বশেষ সংস্করণ 5 জেএসডেলিভার থেকে এসেছে।

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> </head> <body> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script> </body> </html>

4 বুটস্ট্র্যাপ সোর্স ফাইল কাস্টমাইজ করা

সম্পূর্ণ টেমপ্লেট ফাইল ব্যবহার করা সব ক্ষেত্রে প্রয়োজন হয় না। উদাহরণস্বরূপ, যখন আপনি কেবল বুটস্ট্র্যাপ বোতাম ব্যবহার করতে চান তখন আপনি কেবল বোতামগুলির জন্য উপযুক্ত শৈলী ব্যবহার করতে পারেন। বুটস্ট্র্যাপ পূর্ববর্তী সংস্করণ 3.4 এর জন্য একটি কাস্টমাইজার সরবরাহ করে যেখানে আপনি কোন উপাদানগুলির প্রয়োজন তা চয়ন করতে পারেন এবং প্রাক -সংকলিত ফাইলগুলি তৈরি করতে পারেন।

বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট

বুটস্ট্র্যাপ ফাইল কাস্টমাইজ করা

এই মুহুর্তে বুটস্ট্র্যাপ 5 সংস্করণের জন্য কোন বিস্তারিত কাস্টমাইজার উপলব্ধ নেই। যাইহোক, আপনি বুটস্ট্র্যাপ 5 কাস্টমাইজ করার বিষয়ে আরও বিস্তারিত জানার জন্য অফিসিয়াল ডকুমেন্টেশন সাইটটি দেখতে পারেন ।

5 আরও স্টার্টার টেমপ্লেট গ্রহণ

এখন যেহেতু আপনি আপনার চূড়ান্ত স্টার্টার টেমপ্লেটটি আপনার সার্ভারে হোস্ট করেছেন বা সিডিএন লিঙ্ক ব্যবহার করছেন। পরবর্তী ধাপ হল বিষয়বস্তু যোগ করা এবং আপনার সাইট তৈরি করা। নীচে একটি সহজ উদাহরণ রয়েছে যেখানে আমরা ডিফল্ট বুটস্ট্র্যাপ বোতাম ক্লাসগুলি ব্যবহার করে বিভিন্ন প্রাসঙ্গিক বোতাম তৈরি করেছি।

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> </head> <body> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-secondary">Secondary</button> <button type="button" class="btn btn-success">Success</button> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-danger">Danger</button> <button type="button" class="btn btn-link">Link</button> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script> </body> </html>

আউটপুট ব্রাউজারে নীচের মত হওয়া উচিত:

বুটস্ট্র্যাপ 5 স্টার্টার টেমপ্লেট

CSS এর মাধ্যমে নিয়ন্ত্রিত সহজ বোতাম তৈরির জন্য আদর্শভাবে jQuery, popper এবং Bootstrap স্ক্রিপ্ট ফাইল ব্যবহারের প্রয়োজন নেই। স্টার্টার টেমপ্লেটের সম্পূর্ণতার জন্য আমরা উদাহরণটি দেখিয়েছি। এছাড়াও যখন আপনি আরো উপাদান যোগ করেন, বান্ডিল করা স্ক্রিপ্ট ফাইলটি অন্তর্ভুক্ত করা উচিত।

6 বুটস্ট্র্যাপ বান্ডেলড স্ক্রিপ্ট সংস্করণ ব্যবহার করে

উপরে ব্যাখ্যা করা হয়েছে, বুটস্ট্র্যাপ 5 এর একটি বুন্ডল্ড স্ক্রিপ্ট ফাইল রয়েছে যা "bootstrap.min.js" এবং "popper.min.js" এর সমন্বয়ে রয়েছে। সুতরাং আপনি যদি বান্ডেল করা সংস্করণটি ব্যবহার করতে চান তাহলে "bootstrap.bundle.min.js" ফাইলটি ব্যবহার করে নীচের মত স্টার্টার টেমপ্লেট পরিবর্তন করুন।

<!DOCTYPE html> <html lang="en"> <head> <!-- Meta Tags for Bootstrap 5 --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap 5 CSS --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> </head> <body> Add Your Content Here <!-- Bootstrap 5 Scripts --> <script src="assets/js/bootstrap.bundle.min.js"></script> </body> </html>

7 টেমপ্লেটে বুটস্ট্র্যাপ আইকন সহ

বুটস্ট্র্যাপ সংস্করণ 5 1300+ বিনামূল্যে SVG আইকন নিয়ে আসে যা আপনি সহজেই আপনার ওয়েবসাইটে অন্তর্ভুক্ত করতে পারেন। এটি ফন্ট অসাধারণ আইকনগুলির মতো বাহ্যিক আইকনগুলির নির্ভরতা দূর করতে সহায়তা করে। আপনার স্টার্টার টেমপ্লেটে আইকনগুলি অন্তর্ভুক্ত করার একাধিক উপায় রয়েছে এবং নিচের মতো সিডিএন সিএসএস ব্যবহার করা সবচেয়ে ভাল বিকল্প। আমরা সতর্কতা উপাদান সহ বডি বিভাগে একটি উদাহরণ আইকন দেখিয়েছি । আপনি এখানে আইকনগুলির জন্য CSS ক্লাসের সম্পূর্ণ তালিকা পেতে পারেন ।

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> </head> <body> <div class="alert alert-info" role="alert"> <i class="bi-star"></i> This is an info alert and <a href="#" class="alert-link">here is a link with info color</a>. </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> </body> </html>

8 স্ট্যাটিক সাইট জেনারেটর ব্যবহার করা

বুটস্ট্র্যাপ স্টার্টার টেমপ্লেট ব্যবহার করে একটি স্ট্যাটিক ওয়েবসাইট তৈরি করা সহজ, কিন্তু একটি বড় সাইটে একাধিক স্ট্যাটিক ফাইল পরিবর্তন করলে অনেক সময় ব্যয় হবে। একটি একক ওয়েবপেজে শিরোলেখ, প্রধান বিষয়বস্তু, পাদলেখ এবং সাইডবারের মতো বিভিন্ন বিভাগ রয়েছে। মূল বিষয়বস্তু ব্যতীত অন্যান্য বিভাগগুলি একই তথ্যের সাথে সাইটব্যাপী ব্যবহৃত হয়। স্ট্যাটিক জেনারেটর হেডার, ফুটার এবং সাইডবারের মতো প্রতিটি বিভাগের জন্য বেস টেমপ্লেট রেখে আংশিক ধারণা ব্যবহার করে। অবশেষে এই সমস্ত বেস টেমপ্লেটগুলি প্রতিটি পৃষ্ঠায় মূল বডি কন্টেন্টের সাথে আলাদাভাবে একত্রিত হয়।

যখনই শিরোলেখ, পাদলেখ এবং সাইডবারে কোন পরিবর্তন প্রয়োজন হয়, তখন আপনি প্রতিটি পৃষ্ঠাকে পৃথকভাবে পরিবর্তনের পরিবর্তে বেস টেমপ্লেটগুলি সংশোধন করতে পারেন। যখন সাইটটি প্রস্তুত হয় তখন আপনি আপনার সার্ভারে HTML, CSS এবং জাভাস্ক্রিপ্ট ফাইল আপলোড করতে পারেন। জনপ্রিয় স্ট্যাটিক সাইট জেনারেটরের মধ্যে একটি হল Harp.js যা আপনি স্টার্টার টেমপ্লেটের আরও উন্নয়নের জন্য আপনার স্থানীয় মেশিনে ইনস্টল করতে পারেন। মনে রাখবেন Harp.js একটি নির্ভরতা হিসাবে Node.js/NPM প্রয়োজন তাই আপনার আগে থেকেই এই উপাদানগুলি ইনস্টল করা উচিত ছিল। বিকল্পভাবে, আপনি কোডিং বোঝার প্রয়োজন ছাড়াই বুটস্ট্র্যাপ ফ্রেমওয়ার্ক ব্যবহার করতে Mobirise- এর মতো জেনারেটর অ্যাপ ব্যবহার করতে পারেন।


বুটস্ট্র্যাপ 5 শিখুন (সূচক )


রেকর্ডিং উত্স: www.webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত