বুটস্ট্র্যাপ 3 থেকে কীভাবে কেবল প্রতিক্রিয়াশীল গ্রিড পাবেন?

Question

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

আমি গ্রিড সিস্টেমটি নির্বাচন করে একটি কাস্টমাইজড বুটস্ট্র্যাপ সংস্করণ পেয়েছি । যাইহোক, আমি যখন আমার অ্যাপ্লিকেশনটিতে উত্পন্ন সিএসএস যুক্ত করি তখন আমার সমস্ত শৈলীগুলি বিশৃঙ্খল হয়ে যায় (শিরোনাম, লিঙ্ক এবং অন্যান্য)। কেন এমন হচ্ছে? আমি কেবল গ্রিড সিস্টেমের সাহায্যে কীভাবে বুটস্ট্র্যাপ সিএসএস পেতে পারি? আমি বুটস্ট্র্যাপ ফাইলগুলির ম্যানুয়াল পরিবর্তন এড়াতে চাই।

Answer 1

Http://getbootstrap.com/customize/ এ যান এবং BS3 ফ্রেমওয়ার্ক থেকে যা চান তা টগল করুন এবং তারপরে "সংকলন এবং ডাউনলোড করুন" ক্লিক করুন এবং আপনি যে সিএসএস এবং জেএস পছন্দ করেছেন তা পেয়ে যাবেন।

সিএসএস খুলুন এবং গ্রিড বাদে সমস্ত অপসারণ করুন। এগুলিতে কিছু কিছু স্বাভাবিক করার জিনিসও অন্তর্ভুক্ত। এবং আপনাকে আপনার সাইটের সমস্ত শৈলীর বাক্স-আকার দেওয়ার: বর্ডার-বক্স - http://www.w3schools.com/cssref/css3_pr_box-sizing.asp এ সমন্বিত করতে হবে

Comments

ধন্যবাদ ক্রিস্টিনা। আমি আশা করছিলাম যে কেবল গ্রিড শৈলী পাওয়ার উপায় আছে।

— ম্যানুয়েল জাপাটা

না, তারা সমর্থনকারী স্টাফগুলিও ডাউনলোড করে, নরমালাইজ করে এবং স্ক্যাফল্ডিংহলেস (যা গ্লোবাল বর্ডার-বক্স রয়েছে) যার জন্য আপনার প্যাডিং রয়েছে এমন সমস্ত জিনিস সামঞ্জস্য করতে হবে। যেমন আপনার বাক্সে 10px প্যাডিং ছিল এবং মোট 200px ছিল তবে অভ্যন্তরটি 180px ছিল তাই আপনাকে প্রস্থটি 180px করতে হবে, এখন আপনি প্রস্থটি 200px বা ঠিক কিছুইতে সেট করতে হবে এবং এটি গ্রিড কলামের ক্লাসে আটকে রাখবেন।

— ক্রিস্টিনা

box-sizingরিসেট তথ্য: সিএসএস- ট্রিক্স.

— কোস্টা

তবুও এটি স্বাভাবিক আছে। CSS

— রব

@ আরব - উত্তরে এটি উল্লেখ করা হয়েছে আপনি চাইলে এটি সরান, তবে এটি দরকারী।

— ক্রিস্টিনা

Answer 2

চেকআউট zirafa / বুটস্ট্র্যাপ-গ্রিড-শুধুমাত্র । এতে কেবলমাত্র বুটস্ট্র্যাপ গ্রিড এবং প্রতিক্রিয়াশীল ইউটিলিটি রয়েছে যা আপনার প্রয়োজন (কোনও রিসেট বা কোনও কিছুই নেই), এবং কম ফাইলগুলির সাথে সরাসরি কাজ করার জটিলতা সরল করে ।

Answer 3

কেবল চয়ন করুন Grid systemএবং "প্রতিক্রিয়াশীল ইউটিলিটিগুলি" এটি আপনাকে এটি দেয়: http://jsfiddle.net/7LVzs/

Answer 4

শুধুমাত্র বুটস্ট্র্যাপ 3.3.5 গ্রিড দিয়ে গ্রান্ট বিল্ড তৈরি করেছে:

https://github.com/horgen/grunt-builds/tree/master/bootstrap-grid

K 10 কেবি হ্রাস করা হয়েছে।

আপনার যদি বুটস্ট্র্যাপ থেকে অন্য কিছু অংশের প্রয়োজন হয় তবে সেগুলিকে কেবল /src/less/bootstrap.less এ অন্তর্ভুক্ত করুন।

Answer 5

আমি পরিবর্তে MDO এর http://getpreboot.com/ ব্যবহার করার পরামর্শ দেব । ভি 2 হিসাবে, prebootব্যাক পোর্টগুলি বুটস্ট্র্যাপ 3.0 গ্রিড সিস্টেম তৈরি করতে ব্যবহৃত কম মিক্সিন / ভেরিয়েবলগুলি সিএসএস জেনারেটর ব্যবহারের চেয়ে অনেক বেশি হালকা ওজন। আসলে, যদি আপনি কেবল অন্তর্ভুক্ত preboot.lessকরেন তবে কোনও ওভারহেড নেই কারণ পুরো ফাইলটি মিক্সিন / ভেরিয়েবলগুলি নিয়ে গঠিত এবং তাই কেবল প্রাক-সংকলনে ব্যবহৃত হয় চূড়ান্ত আউটপুট নয়।

Answer 6

দেখে মনে হচ্ছে আপনি বুটস্ট্র্যাপ 4 এস এর নতুন ডাউনলোড বৈশিষ্ট্যগুলিতে এখন কেবল গ্রিডটি ডাউনলোড করতে পারেন।

Answer 7

এই প্রশ্নটি জিজ্ঞাসা করার পরে বেশ কিছুক্ষণ হয়ে গেছে, তবে এখন আপনি পুরোপুরি বুটস্ট্র্যাপটি অগ্রাহ্য করতে এবং সিএসএস গ্রিড ব্যবহার করতে পারেন! (এটি সহজ, নিচু, আরও নমনীয় এবং দ্রুত)। এই দুর্দান্ত নিবন্ধটি দেখুন: বুটস্ট্র্যাপ ব্যবহার বন্ধ করুন - আপনার উপাদান ভিত্তিক ইউআইয়ের জন্য একটি ব্যবহারিক সিএসএস গ্রিড টেম্পলেট তৈরি করুন

Answer 8

বুটস্ট্র্যাপ 4-এ, ইতিমধ্যে তাদের গিটহাবটিতে পৃথক পৃথক ফাইল রয়েছে। আপনি এখানে তাদের খুঁজে পেতে পারেন

https://github.com/twbs/bootstrap/tree/main/dist/css