এই উইকিহাউ আপনাকে শেখায় কিভাবে আপনার কম্পিউটারে বুটস্ট্র্যাপ ফাইল ডাউনলোড করতে হয়, এবং আপনার কোডে বুটস্ট্র্যাপ উপাদানগুলি ব্যবহার করার জন্য সেগুলি আপনার HTML পাঠ্যের সাথে সংযুক্ত করুন। একবার আপনি বুটস্ট্র্যাপ ফাইলগুলি ডাউনলোড এবং লিঙ্ক করলে, আপনি আপনার ওয়েব ডিজাইনে বুটস্ট্র্যাপের সমস্ত স্টাইলশীট এবং জাভাস্ক্রিপ্ট উপাদানগুলি ব্যবহার শুরু করতে পারেন।
ধাপ
ধাপ 1. আপনার ইন্টারনেট ব্রাউজারে বুটস্ট্র্যাপ ওয়েবসাইট খুলুন।
ঠিকানা বারে https://getbootstrap.com টাইপ করুন এবং আপনার কীবোর্ডে ↵ Enter বা ⏎ Return চাপুন।
ধাপ 2. ডাউনলোড বোতামে ক্লিক করুন।
এটি "ডাউনলোড" পৃষ্ঠাটি খুলবে।
পদক্ষেপ 3. নীচের ডাউনলোড বোতামে ক্লিক করুন "সংকলিত CSS এবং JS।
" এটি একটি জিপ সংরক্ষণাগার হিসাবে আপনার কম্পিউটারে সম্পূর্ণ বুটস্ট্র্যাপ ফাইল ডাউনলোড করবে।
যদি আপনাকে অনুরোধ করা হয়, বুটস্ট্র্যাপ জিপের জন্য একটি সংরক্ষণ স্থান নির্বাচন করুন।
ধাপ 4. জিপ সংরক্ষণাগার থেকে ফাইলগুলি বের করুন।
আপনার সদ্য ডাউনলোড করা জিপ ফাইলটি খুঁজুন এবং এটিতে সমস্ত ফাইল একই ফোল্ডারে এক্সট্র্যাক্ট করতে ডাবল ক্লিক করুন।
- এটি "নামে দুটি ফোল্ডার বের করবে CSS" এবং " js."
- যদি আপনার আনজিপার অ্যাপটি স্বয়ংক্রিয়ভাবে ফাইলগুলি এক্সট্রাক্ট না করে, তাহলে জিপ আর্কাইভ এক্সপোর্ট করার সমস্ত উপায় দেখতে এই নিবন্ধটি দেখুন।
পদক্ষেপ 5. নিষ্কাশিত ফোল্ডারগুলিকে আপনার ওয়েবসাইট HTML ফাইলের মতো একই ফোল্ডারে সরান।
যে ফোল্ডারে আপনার ওয়েবসাইটের সব HTML ফাইল আছে, সেটি খুলুন এবং " CSS" এবং " js"এখানে ফোল্ডারগুলি আপনার ওয়েবসাইটের নথির মতো একই ফোল্ডারে সরানোর জন্য।
আপনি এখন ফাইলগুলিকে আপনার HTML ফাইলের সাথে লিঙ্ক করতে পারেন এবং আপনার কোডে বুটস্ট্র্যাপ ব্যবহার শুরু করতে পারেন।
ধাপ 6. আপনি বুটস্ট্র্যাপ দিয়ে যে HTML ফাইলটি ব্যবহার করতে চান তাতে ডান ক্লিক করুন।
আপনি বুটস্ট্র্যাপ ব্যবহার করতে পারেন শুধুমাত্র আপনার HTML ফাইলের একটিতে, অথবা সেগুলোতে।
ধাপ 7. ডান-ক্লিক মেনু দিয়ে ওপেন ওভার করুন।
একটি সাব-মেনু সামঞ্জস্যপূর্ণ অ্যাপ্লিকেশনগুলির সাথে পপ আপ হবে।
ধাপ 8. আপনার টেক্সট এডিটর প্রোগ্রাম নির্বাচন করুন।
এটি আপনার পাঠ্য সম্পাদকের নির্বাচিত HTML ফাইলটি খুলবে।
আপনি একটি সাধারণ টেক্সট এডিটর ব্যবহার করতে পারেন নোটপ্যাড অথবা টেক্সট এডিট পাশাপাশি একটি ডেডিকেটেড কোড এডিটরের মত পরমাণু (https://atom.io) অথবা চোদা (https://panic.com/coda)।
ধাপ 9. আপনার HTML ফাইলের হেডারে বুটস্ট্র্যাপ লিঙ্ক যোগ করুন।
আপনার এইচটিএমএলে বুটস্ট্র্যাপ কোড ব্যবহার করার আগে, আপনাকে আপনার কোডের হেডারে নিচের লাইনগুলো টাইপ বা পেস্ট করতে হবে:
আপনি যদি css এবং js ফোল্ডার থেকে অন্য কিছু ফাইল লিঙ্ক করতে এবং ব্যবহার করতে চান, শুধু হেডারে নতুন লাইন যোগ করুন, এবং css/bootstrap.css এবং js/bootstrap.js অংশগুলি আপনার পছন্দের ফাইলের নাম দিয়ে প্রতিস্থাপন করুন। সংযোগ
ধাপ 10. কোডে আপনার বুটস্ট্র্যাপ লিঙ্কগুলির প্লেসমেন্ট চেক করুন।
এইচটিএমএল এর হেডারে, উভয় লাইন লাইন এবং লাইনের মধ্যে অবস্থিত হওয়া উচিত।
- একবার আপনি এই লাইনগুলিকে হেডারে যুক্ত করলে, আপনি এই HTML ফাইলে বুটস্ট্র্যাপ উপাদানগুলি ব্যবহার শুরু করতে পারেন।
- আপনি https://getbootstrap.com/docs/4.3/getting-started/introduction- এ সমস্ত বুটস্ট্র্যাপ উপাদানগুলির একটি সম্পূর্ণ তালিকা খুঁজে পেতে পারেন। শুধু যে কোন ক্যাটাগরির মত ক্লিক করুন লেআউট অথবা উপাদান বাম মেনুতে।
- একবার আপনি বুটস্ট্র্যাপ ইনস্টল করলে, আপনি এখান থেকে আপনার নিজের কোডে যেকোনো কোড সন্নিবেশ বা অনুলিপি/পেস্ট করতে পারেন।