বুটস্ট্র্যাপ ব্লক হেল্প টেক্সট উদাহরণ

Butastryapa Blaka Helpa Teksata Udaharana



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

এই পোস্টটি আপনাকে বুটস্ট্র্যাপে ব্লক হেল্প টেক্সট উদাহরণ সম্পর্কে গাইড করবে।

বুটস্ট্র্যাপ ব্লক হেল্প টেক্সট কি?

বুটস্ট্র্যাপ ব্লক সাহায্য টেক্সট তৈরি করা যেতে পারে ' ফর্ম-টেক্সট 'শ্রেণী। বুটস্ট্র্যাপ 3 সংস্করণে, ' সাহায্য-ব্লক ” ক্লাস হেল্প টেক্সট যোগ করতে ব্যবহার করা হয়েছিল।







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

এই তালিকাভুক্ত ধরনের উপাদান সাহায্য পাঠ্য নির্দিষ্ট করতে ব্যবহার করা যেতে পারে:



ব্লক এলিমেন্ট ব্যবহার করে বুটস্ট্র্যাপ ব্লক হেল্প টেক্সট কিভাবে যোগ করবেন?

ব্লক-স্তরের উপাদান, যেমন '

', '

”, বা আরও, সাহায্য পাঠ্য যোগ করতে ব্যবহার করা যেতে পারে। এই উদ্দেশ্যে, ' ফর্ম-টেক্সট ” ক্লাস ব্যবহার করা হয়। এই শ্রেণীর আছে ' প্রদর্শন ব্লক 'সম্পত্তি। তাছাড়া, এটিতে শীর্ষ মার্জিন বৈশিষ্ট্যও রয়েছে যা অন্যান্য ইনপুট ক্ষেত্র থেকে কিছু জায়গায় টেক্সট প্রদর্শন করতে সাহায্য করে।



উদাহরণ

নীচের উদাহরণ দেখুন:





  • যুক্ত করুন ' <ফর্ম> একটি ফর্ম তৈরি করতে উপাদান।
  • ইনপুট ক্ষেত্রে একটি ক্যাপশন অন্তর্ভুক্ত করতে, একটি যোগ করুন ' ' উপাদান।
  • এর পরে, যোগ করুন ' <ইনপুট> 'এর সাথে উপাদান' ফর্ম-নিয়ন্ত্রণ ' এবং ' ইনপুট-ক্ষেত্র একটি ইনপুট ক্ষেত্র তৈরি করতে।
  • তারপর, যোগ করুন ' <ছোট> ' ক্লাস সহ উপাদান ' ফর্ম-টেক্সট ' এবং ' পাঠ্য-নিঃশব্দ একটি সাহায্য পাঠ্য যোগ করতে:
< ফর্ম >

< স্প্যান > পাসওয়ার্ড লিখুন < / স্প্যান >

< ইনপুট ক্লাস = 'ফর্ম-কন্ট্রোল ইনপুট-ক্ষেত্র' প্রকার = 'পাসওয়ার্ড' >

< div ক্লাস = 'ফর্ম-টেক্সট টেক্সট-নিঃশব্দ' > আপনার পাসওয়ার্ড 8 অক্ষর দীর্ঘ হতে হবে. < / div >

< / ফর্ম >

উপরের কোড স্নিপেটে ব্যবহৃত ক্লাসগুলি এখানে বর্ণনা করা হয়েছে:

  • ' ফর্ম-নিয়ন্ত্রণ ” ক্লাসে ইনপুট উপাদানগুলির জন্য কিছু গ্লোবাল স্টাইলিং রয়েছে।
  • ' ফর্ম-টেক্সট ” ক্লাস সাহায্য টেক্সট শৈলী যোগ করে.
  • ' পাঠ্য-নিঃশব্দ ” সাহায্য পাঠ্যে সাধারণ শৈলী যোগ করে।

আউটপুট



ইনলাইন এলিমেন্ট ব্যবহার করে বুটস্ট্র্যাপ ব্লক হেল্প টেক্সট কিভাবে যোগ করবেন?

ইনলাইন উপাদান যেমন ' 'বা' <ছোট> ” ওয়েব পৃষ্ঠায় সাহায্য পাঠ্য যোগ করতে ব্যবহার করা যেতে পারে।

উদাহরণ

নীচের উদাহরণটি 'এর ব্যবহার প্রদর্শন করে' <ছোট> সাহায্য পাঠ্য নির্দিষ্ট করতে ইনলাইন উপাদান:

< ফর্ম ক্লাস = 'ফর্ম-ইনলাইন' >

< div ক্লাস = 'ফর্ম-গ্রুপ' >

< স্প্যান >আপনার নাম লিখুন< / স্প্যান >

< ইনপুট ক্লাস = 'ফর্ম-নিয়ন্ত্রণ ইনপুট-ক্ষেত্র' প্রকার = 'পাসওয়ার্ড' >

< ছোট ক্লাস = 'পাঠ্য-নিঃশব্দ' >পূরণ করতে হবে।< / ছোট >

< / div >

< / ফর্ম >

এটি লক্ষ্য করা যায় যে সহায়তা পাঠ্যটি সফলভাবে যোগ করা হয়েছে:

এটি বুটস্ট্র্যাপ ব্লক সহায়তা পাঠ্য সম্পর্কে।

উপসংহার

বুটস্ট্র্যাপে সহায়তা পাঠ্য যোগ করতে, ' ফর্ম-টেক্সট ” ক্লাস ব্লক-লেভেল হেল্প টেক্সট যোগ করতে ব্যবহৃত হয়। দ্য ' পাঠ্য-নিঃশব্দ ” ক্লাস ইনলাইন হেল্প টেক্সট তৈরি করতে ব্যবহার করা হয়। বুটস্ট্র্যাপ 3-এ, ' সাহায্য-ব্লক ” ক্লাস ব্যবহার করা হয়। আরও সুনির্দিষ্টভাবে, সহায়তা পাঠ্য ইনলাইন বা ব্লক-স্তরের উপাদানগুলির সাথে নির্দিষ্ট করা যেতে পারে। এই পোস্টে উদাহরণের সাহায্যে বুটস্ট্র্যাপে হেল্প টেক্সট যোগ করার পদ্ধতি ব্যাখ্যা করা হয়েছে।