আমি কিভাবে হোভারের পরিবর্তে ক্লিকে বুটস্ট্র্যাপ ড্রপডাউন মেনু খুলব?
আমি কিভাবে হোভারের পরিবর্তে ক্লিকে বুটস্ট্র্যাপ ড্রপডাউন মেনু খুলব?

ভিডিও: আমি কিভাবে হোভারের পরিবর্তে ক্লিকে বুটস্ট্র্যাপ ড্রপডাউন মেনু খুলব?

ভিডিও: আমি কিভাবে হোভারের পরিবর্তে ক্লিকে বুটস্ট্র্যাপ ড্রপডাউন মেনু খুলব?
ভিডিও: বুটস্ট্র্যাপ 5 এ কার্ড জুম হোভার প্রভাব 2024, ডিসেম্বর
Anonim

উত্তর: jQuery ব্যবহার করুন হোভার () পদ্ধতি

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

তার থেকে, আপনি কিভাবে হোভার মেনুতে ড্রপ ডাউন মেনু তৈরি করবেন?

খুলতে যেকোন এলিমেন্ট ব্যবহার করুন ড্রপডাউন মেনু , যেমন a, o

উপাদান একটি ধারক উপাদান (যেমন) ব্যবহার করুন সৃষ্টি দ্য ড্রপডাউন মেনু এবং যোগ করুন ড্রপডাউন এর ভিতরে লিঙ্ক। বোতাম এবং অবস্থানের চারপাশে একটি উপাদান মোড়ানো ড্রপডাউন মেনু CSS এর সাথে সঠিকভাবে।

আমি কিভাবে বুটস্ট্র্যাপে একটি ড্রপডাউন বার তৈরি করব? ব্যবহার করা যাক বুটস্ট্র্যাপ এই তিনটি সাধারণ ওয়েবসাইট বৈশিষ্ট্য বাস্তবায়ন করতে: ড্রপডাউন মেনু . টগল নববার.

Navbar টগল করুন

  1. ধাপ 1: টগল Navbar বোতাম যোগ করুন। index.html-এ, বুটস্ট্র্যাপের "navbar-default" ক্লাসটি nav এলিমেন্টে যোগ করুন:
  2. ধাপ 2: Navbar বোতামের "মেনু আইকন" যোগ করুন
  3. ধাপ 3: নেভিকে "টগল-সক্ষম" করুন

এছাড়াও জানুন, কিভাবে আপনি একটি ড্রপডাউন Hoverable করবেন?

উত্তর: CSS ব্যবহার করুন: হোভার pseudo-class আপনি যদি কেবল দেখাতে এবং লুকাতে চান ড্রপডাউন মাউসে মেনু হোভার আপনার কোন জাভাস্ক্রিপ্টের প্রয়োজন নেই। আপনি কেবল CSS প্রদর্শন সম্পত্তি ব্যবহার করে এটি করতে পারেন এবং: হোভার ছদ্ম-শ্রেণী নিম্নলিখিত উদাহরণ আপনাকে দেখাবে কিভাবে একটি সহজ বাস্তবায়ন করতে হয় ড্রপডাউন CSS ব্যবহার করে।

ড্রপ ডাউন মেনু কোথায়?

সবচেয়ে সাধারণ ধরনের ড্রপ ডাউন মেনু ইহা একটি তালিকা বার উইন্ডোজ সিস্টেমে, তালিকা বার সাধারণত প্রতিটি খোলা উইন্ডোর শীর্ষে অবস্থিত। Macintosh সিস্টেমে, এটি স্ক্রিনের শীর্ষে স্থির করা আছে।

প্রস্তাবিত: