কিভাবে টুইটার বুটস্ট্র্যাপ ইনস্টল করবেন?

বাস্তবিক পক্ষে এটি টুইটারের দুজন ডিজাইনার এবং ডেভেলপার দ্বারা তৈরি একটি ফ্রেমওয়ার্ক। যা ২০১০ সালের মাঝের দিকে প্রথম প্রকাশ পায়। এটা এক ধরনের ওপেন সোর্স ফ্রন্ট ইন্ড যা দিন দিন সারা বিশ্বের সকল ডিজাইনারদের কাছে অধিকতর জনপ্রিয় হয়ে উঠছে।২০১০ সালে প্রথম প্রকাশের পর প্রতি নিয়ত ই আপডেট হয়ে আসছে। এর ভার্সন-২ এবং ভার্সন-৩ এর পর এখন ভার্সন-৩.২.০ চলছে।

সুবিধা সমুহঃ

 

প্রায় গত ৪ বছর এর চাইতে বেশি সময় যাবত বুটস্ট্রাপ প্রতিনিয়ত ই অধিকতর জনপ্রিয় ফ্রেমওয়ার্ক হিসেবে ওয়েভ ডিজাইনারদের কাছে জায়গা করে নিচ্ছে।

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

১) ডিজাইন এর গতি বৃদ্ধি

বুটস্ট্রাপ এর ব্যবহারে কাজের গতি বৃদ্ধি নিঃস্বন্দেহে যে কোন ডিজাইনার এর জন্য বিশাল সুবিধা। বুটস্ট্রাপ এর মাদ্ধমে অনেক দ্রুত এবং কম সময়ে যে কোন প্রজেক্ট সম্পন্ন করা সম্ভব।

কারন আমরা যে স্টাইল করি তার অনেক কিছুই বুটস্ট্রাপ এ করা থাকে। আমরা শুধু উপযোক্ত ক্লাস ঘোষণা করে সহজেই সেই স্টাইল গুলো ব্যবহার করতে পারি। ফলে আমাদের সময় অনেক কমে আসে।

২) রেসপন্সিভ

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

এর জন্য বুটস্ট্রাপ এর ব্যবহার অনেক সুবিধাজনক। কারন বুটস্ট্রাপ এর মাদ্ধমে আমরা খুভ সহজেই কোন সাইটকে রেসপন্সিভ করে তুলতে পারি।

৩) সামঞ্জস্যতা

প্রায়শই আমরা দেখি কোন কাজ করার পর তা বিভিন্ন ব্রাওজারে বিভিন্ন রকম দেখাচ্ছে। আবার কোন কোন ব্রাওজারের ক্ষেত্রে কোন কোন সেকশন একেবারেই বাজে হয়ে যায়। কিন্তু বুটস্ট্রাপ ব্যবহার করে সেটা অনেকটাই কমানো যায়। এর মাদ্ধমে বিভিন্ন ব্রাওজারের মাঝে সামঞ্জস্য আনা যায়। এবং সকল ব্রাওজারেই সাইটকে পরিপূর্ণ ভাবে উপস্থাপন করা যায়।

৪) নির্ভুলতা

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

৫) কাস্টোমাইজ

কাস্টোমাইজেশন বুটস্ট্রাপ এর একটি অন্যতম সুবিধা এবং বৈশিষ্ঠ। আমরা ইচ্ছে করলে বুটস্ট্রাপ এর ক্লাস গুলোকে ইচ্ছে মত ইডিট করে আমাদের সুবিধা মত করে নিতে পারি। এবং এর মাধ্যমে আমাদের যে কোন প্রয়োজনীয় কাজ বা এডিটিং ইচ্ছেমত করতে পারি।

৬) জাভাস্ক্রিপ্ট

আমরা জানি সাইটকে অধিকতর সুন্দর করে সাজানোর জন্য জাভাস্ক্রিপ্ট এর কোন বিকল্প নাই। আর শুধু এইচ টি এম এল এবং সিএসএস না, আমরা জাভাস্ক্রিপ্ট এর ও অনেক কাজ আমরা অনেক সহজেই করতে পারি বুটস্ট্রাপ ব্যবহার করে।

 ৭) ব্যবহার

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

bootstrap/

├── css

│   ├── bootstrap.css

│   ├── bootstrap.min.css

│   ├── bootstrap-theme.css

│   └── bootstrap-theme.min.css

├── js/

│   ├── bootstrap.js

│   └── bootstrap.min.js

└── fonts/

├── glyphicons-halflings-regular.eot

├── glyphicons-halflings-regular.svg

├── glyphicons-halflings-regular.ttf

└── glyphicons-halflings-regular.woff

এখানে bootstrap.css/bootstrap.min.css(মিনি ফাইড) দুটো css এবং bootstrap.js/ bootstrap.min.js(মিনি ফাইড) দুটো js ফাইল আছে। আপনি আপনার সুবিধা মত যে কোন একটি ব্যবহার করতে পারেন। তাছাড়া Glyphicons থেকে আপনার ইচ্ছে মত আইকন ও ব্যবহার করতে পারেন।

https://www.youtube.com/watch?v=Bph3eNn0hsA&feature=youtu.be

 

উপসংহারঃ

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

যে কোন প্রয়োজনে ফেইসবুক এ আমাদের সাথে যোগাযোগ করুন।

সুব্রত দেব নাথ 

Level 0

আমি Subrata deb nath। Full Stack Web Developer, Sbtechbd Technology, Dhaka। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 25 টি টিউন ও 13 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস