ভিডিও: আমি কিভাবে বুটস্ট্র্যাপ ধ্বংস করব?
2024 লেখক: Lynn Donovan | [email protected]. সর্বশেষ পরিবর্তিত: 2023-12-15 23:44
শুধু ডেটা যোগ করুন-টগল=" পতন "এবং উপাদানটিতে একটি ডেটা-লক্ষ্য স্বয়ংক্রিয়ভাবে এক বা একাধিক সংকোচনযোগ্য উপাদানের নিয়ন্ত্রণ বরাদ্দ করতে৷ ডেটা-লক্ষ্য বৈশিষ্ট্যটি প্রয়োগ করতে একটি CSS নির্বাচককে গ্রহণ করে পতন প্রতি. ক্লাস যোগ করতে ভুলবেন না পতন সংকোচনযোগ্য উপাদানের কাছে।
সহজভাবে, বুটস্ট্র্যাপ পতন কিভাবে কাজ করে?
বুটস্ট্র্যাপ সঙ্কুচিত বৈশিষ্ট্যগুলি কেবলমাত্র ডেটা-টগল = যোগ করুন পতন এবং একটি কলাপসিবল এলিমেন্টের নিয়ন্ত্রণ দ্রুত নিযুক্ত করার জন্য বৈশিষ্ট্যটিতে একটি ডেটা-টার্গেট৷ ডেটা-টার্গেট অ্যাট্রিবিউটটি যোগ করার জন্য একটি CSS নির্বাচক গ্রহণ করে পতন প্রতি. ক্লাসে আনা নিশ্চিত করুন পতন সংকোচনযোগ্য বৈশিষ্ট্যে।
উপরন্তু, আপনি কিভাবে একটি পতন করতে না? একটি নথির অংশগুলি সঙ্কুচিত বা প্রসারিত করুন
- শিরোনামে আপনার কার্সার রাখুন।
- হোম ট্যাবে, অনুচ্ছেদ গ্রুপের তীরটিতে ক্লিক করুন।
- অনুচ্ছেদ ডায়ালগ বক্সে, ডিফল্টরূপে সংকোচনের পাশের চেকবক্সে ক্লিক করুন।
- ওকে ক্লিক করুন।
এখানে, বুটস্ট্র্যাপ পতন ক্লাস কি?
ক্লাস পতন একটি সংকোচনযোগ্য উপাদান নির্দেশ করে (a < div > আমাদের উদাহরণে); এটি এমন একটি বিষয়বস্তু যা একটি বোতামে ক্লিক করে দেখানো বা লুকানো হবে। সংকোচনযোগ্য বিষয়বস্তু নিয়ন্ত্রণ (দেখা/লুকান) করতে, ডেটা-টগল=" যোগ করুন পতন " একটি বা একটি উপাদানের বৈশিষ্ট্য।
আপনি কিভাবে CSS এ পতন করবেন?
- দুটি টেবিলের জন্য ভেঙে পড়া বর্ডার মডেল সেট করুন: #table1 { বর্ডার-কলাপস: আলাদা;
- "বর্ডার-কোল্যাপস: আলাদা" ব্যবহার করার সময়, বর্ডার-স্পেসিং প্রপার্টিটি ঘরের মধ্যে স্পেস সেট করতে ব্যবহার করা যেতে পারে: #table1 {
- "বর্ডার-কলাপস: কোলাপস" ব্যবহার করার সময়, কোডে প্রথমে যে সেলটি প্রদর্শিত হবে সেটি "জয়" করবে: টেবিল, টিডি, থ {
প্রস্তাবিত:
আমি কিভাবে Angularjs 4 এ বুটস্ট্র্যাপ যোগ করব?
ভিডিও এছাড়াও, আমি কিভাবে আমার কৌণিক প্রকল্পে বুটস্ট্র্যাপ যোগ করব? আপনার কৌণিক প্রকল্পের src/styles.css ফাইলটি খুলুন এবং bootstrap.css ফাইলটি নিম্নরূপ আমদানি করুন: @import "~bootstrap/dist/css/bootstrap.css" npm ইনস্টল করুন -- @ng-bootstrap/ng-bootstrap সংরক্ষণ করুন। '@ng-bootstrap/ng-bootstrap' থেকে {NgbModule} আমদানি করুন;
আমি কিভাবে ভিজ্যুয়াল স্টুডিওতে একটি বুটস্ট্র্যাপ স্নিপেট যোগ করব?
ভিজ্যুয়াল স্টুডিওতে স্নিপেটগুলি কীভাবে ব্যবহার করবেন যেখানে আপনি ঢোকানো কোড স্নিপেটটি উপস্থিত হতে চান সেখানে কার্সারের অবস্থান করুন, পৃষ্ঠাটিতে ডান-ক্লিক করুন এবং তারপরে স্নিপেট সন্নিবেশ নির্বাচন করুন; আপনি যেখানে সন্নিবেশিত কোড স্নিপেটটি প্রদর্শিত হতে চান সেখানে কার্সারটি রাখুন এবং তারপরে কীবোর্ড শর্টকাট CTRL+K, CTRL+X * টিপুন।
আমি কিভাবে আমার বুটস্ট্র্যাপ কার্ড কেন্দ্র করব?
অতিরিক্ত CSS-এর প্রয়োজন নেই, এবং বুটস্ট্র্যাপ 4-এ একাধিক কেন্দ্রীকরণ পদ্ধতি রয়েছে: কেন্দ্র প্রদর্শনের জন্য পাঠ্য-কেন্দ্র:ইনলাইন উপাদান। কেন্দ্রীভূত প্রদর্শনের জন্য mx-auto: প্রদর্শনের ভিতরে ব্লক উপাদান: flex (d-flex) অফসেট-* বা mx-auto গ্রিড কলাম কেন্দ্রে ব্যবহার করা যেতে পারে। অথবা জাস্টিফাই-কন্টেন্ট-সেন্টার অন সারি টু সেন্টার গ্রিড কলাম
আমি কিভাবে বুটস্ট্র্যাপ 4 এ একটি অনুভূমিক ফর্ম তৈরি করব?
একটি ফর্ম অনুভূমিক করতে, উপাদানটিতে class="form-horizontal" যোগ করুন। আপনি যদি উপাদানটি ব্যবহার করেন তবে আপনাকে অবশ্যই ক্লাস = "কন্ট্রোল-লেবেল" ব্যবহার করতে হবে। এছাড়াও, মনে রাখবেন যে আপনি একটি অনুভূমিক বিন্যাসে লেবেল এবং ফর্ম নিয়ন্ত্রণের গ্রুপগুলি সারিবদ্ধ করতে বুটস্ট্র্যাপের পূর্বনির্ধারিত গ্রিড ক্লাসগুলি ব্যবহার করতে পারেন
আমি কিভাবে ভিজ্যুয়াল স্টুডিওতে বুটস্ট্র্যাপ যোগ করব?
ভিডিও ঠিক তাই, কিভাবে আমি ভিজ্যুয়াল স্টুডিওতে একটি বুটস্ট্র্যাপ টেমপ্লেট যোগ করব? বুটস্ট্র্যাপ আপগ্রেড করতে, এই পদক্ষেপগুলি অনুসরণ করুন। ভিজ্যুয়াল স্টুডিও চালু করুন এবং ফাইল >> নতুন >> প্রকল্পে যান। নতুন প্রজেক্ট উইন্ডোতে, Installed >