Http://getbootstrap.com থেকে বুটস্ট্র্যাপ 3 এর সম্পূর্ণ প্যাকটি ডাউনলোড করার পরে , আমি লক্ষ্য করেছি যে থিমের জন্য পৃথক সিএসএস ফাইল রয়েছে। কীভাবে এটি ব্যবহার করবেন? দয়া করে ব্যাখ্যা করুন?
আমি bootstrap-theme.cssআমার বিদ্যমান বুটস্ট্র্যাপ প্রকল্পে অন্তর্ভুক্ত করেছি, তবে আউটপুটে কোনও পার্থক্য নেই।
উত্তর:
বুটস্ট্র্যাপ 3.x ডাউনলোড করার পরে, আপনি পাবেন bootstrap.css এবং বুটস্ট্র্যাপ-theme.css (না এই ফাইলগুলি যে উপস্থিত হয় minified সংস্করণ উল্লেখ করতে)।
bootstrap.cssসম্পূর্ণরূপে শৈলীযুক্ত এবং ব্যবহার করতে প্রস্তুত, যদি আপনার ইচ্ছা থাকে। এটি সম্ভবত কিছুটা সরল তবে এটি প্রস্তুত এবং এটি সেখানে রয়েছে।
আপনি না চাইলে আপনার বুটস্ট্র্যাপ-থিম। CSS ব্যবহার করার দরকার নেই এবং জিনিসগুলি ঠিকঠাক হবে।
bootstrap-theme.cssফাইলটির নাম যা বোঝাতে চাইছে তা হল: এটি বুটস্ট্র্যাপের জন্য একটি থিম যা সৃজনশীলভাবে 'বুটস্ট্র্যাপ থিম' হিসাবে বিবেচিত হয়। ফাইলটির নাম জিনিসকে কিছুটা বিভ্রান্ত করে যেহেতু বেসটি bootstrap.cssইতিমধ্যে স্টাইলিং প্রয়োগ করেছে এবং আমি একের জন্য এই স্টাইলগুলি ডিফল্ট হিসাবে বিবেচনা করব। কিন্তু এই উপসংহারটি এই bootstrap-theme.cssফাইলটি সম্পর্কিত বুটস্ট্র্যাপ ডকুমেন্টেশনের উদাহরণ বিভাগে বলা জিনিসগুলির আলোকে আপাতদৃষ্টিতে ভুল :
"দৃশ্যমান বর্ধিত অভিজ্ঞতার জন্য alচ্ছিক বুটস্ট্র্যাপ থিমটি লোড করুন" "
উপরের উদ্ধৃতিটি এখানে পাওয়া যায় http://getbootstrap.com/getting-st সূত্র /# উদাহরণগুলির একটি থাম্বনেইলে যা এই উদাহরণ পৃষ্ঠায় লিঙ্ক করে http://getbootstrap.com/exferences/theme/ । ধারণা যে bootstrap-theme.cssহয় বুটস্ট্র্যাপ থীম এবং এটা ঐচ্ছিক।
বুটসওয়াচ.কমের থিমগুলি সম্পর্কে: এই থিমগুলি এর মতো প্রয়োগ হয় না bootstrap-theme.css। বুটসওয়াচ থিমগুলি মূল সংস্করণের পরিবর্তিত সংস্করণ bootstrap.css। সুতরাং, আপনার অবশ্যই bootstrap-theme.cssএকই সাথে বুটসওয়াচ এবং ফাইল থেকে কোনও থিম ব্যবহার করা উচিত নয় ।
আপনার নিজস্ব কাস্টম থিম সম্পর্কে: bootstrap-theme.cssআপনার নিজের থিম তৈরি করার সময় আপনি সংশোধন করতে পছন্দ করতে পারেন । এটি করার ফলে দুর্ঘটনাবশত কোনও বিল্ট-ইন বুটস্ট্র্যাপের ধার্মিকতাটি ভঙ্গ না করে স্টাইলিং পরিবর্তন করা সহজ হতে পারে।
সিএসএস শৈলীর উদাহরণের জন্য এক নজরে দেখুন: http://getbootstrap.com/example/theme/
আপনি যদি দেখতে চান যে বুটস্ট্র্যাপ-থিম। সিএস ফাইল ছাড়াই উদাহরণটি কীভাবে দেখায় আপনার ব্রাউজার বিকাশকারী সরঞ্জামগুলি খুলুন এবং উদাহরণটির <হেড> থেকে লিঙ্কটি মুছুন এবং তারপরে আপনি এটি তুলনা করতে পারেন।
আমি জানি এটি একটি পুরানো প্রশ্ন তবে কেউ যদি এটির মতো দেখতে কেমন লাগে তার উদাহরণ খুঁজছেন তবে এটি পোস্ট করেছেন।
হালনাগাদ
bootstrap.css = প্রধান সিএসএস কাঠামো (গ্রিডস, বেসিক স্টাইলস ইত্যাদি)
bootstrap-theme.css= বর্ধিত স্টাইলিং (3 ডি বোতাম, গ্রেডিয়েন্টস ইত্যাদি)। এই ফাইলটি isচ্ছিক এবং বুটস্ট্র্যাপের কার্যকারিতাটি মোটেই কার্যকর করে না, এটি কেবল চেহারাটি বাড়িয়ে তোলে।
আপডেট 2
V3.2.0 প্রকাশের সাথে বুটস্ট্র্যাপ ডক পৃষ্ঠাগুলিতে থিম সিএসএস দেখার জন্য একটি বিকল্প যুক্ত করেছে। আপনি যদি কোনও ডক পৃষ্ঠায় ( সিএসএস , উপাদানগুলি , জাভাস্ক্রিপ্ট ) যান তবে আপনার পাশের নেভের নীচে একটি "প্রাকদর্শন থিম" লিঙ্কটি দেখতে হবে যা আপনি থিম সিএসএস চালু এবং বন্ধ করতে ব্যবহার করতে পারেন।
bootstrap.cssবুটসওয়াচ.কমের মতো কোনও থিমের বিষয়বস্তুগুলি কেবল সেখানে স্থানের মতো প্রতিস্থাপন করব এবং আমি এখনও bootstrap-theme.cssবটসওয়াচ থিম দিয়ে ব্যবহার করতে পারি ?
bootstrap-themeবুটসওয়াচের সাথে ব্যবহার করবেন বলে মনে হয় না । এটি যাইহোক আমার সাইটের একটি জগাখিচুড়ি করেছে।
প্রথমত, bootstrap-theme.cssবুটস্ট্র্যাপ ৩-এ বুটস্ট্র্যাপ ২.এক্স স্টাইলের সমতুল্য আর কিছুই নয় , আপনি যদি সত্যিই এটি ব্যবহার করতে চান তবে কেবল এটির সাথে যোগ করুন bootstrap.css( মিনিড সংস্করণটিও কার্যকর হবে)।
অন্যরা যেমন বলেছে, ফাইলের নাম বুটস্ট্র্যাপ-থিম । CSS খুব বিভ্রান্তিকর। আমি বুটস্ট্র্যাপ -3 ডি সিএসএস বা বুটস্ট্র্যাপ-ফ্যানসিসিএসএস এর মতো কিছু বেছে নিয়েছি যা এটি আসলে কী করে তার আরও বর্ণনামূলক হবে। বিশ্ব "বুটস্ট্র্যাপ থিম" হিসাবে যা দেখছে তা বুটসওয়াচ থেকে আপনি পেতে পারেন যা একেবারে আলাদা জন্তু।
যা বলেছিল, তার প্রভাবগুলি বেশ দুর্দান্ত - গ্রেডিয়েন্টস এবং শ্যাডো এবং এ জাতীয়। দুর্ভাগ্যক্রমে এই ফাইলটি বুটসওয়াচ থিমগুলিতে বিপর্যয় ডেকে আনবে, তাই আমি এটিকে এটির সাথে সুন্দরভাবে খেলতে কী লাগে তা খনন করার সিদ্ধান্ত নিয়েছি।
বুটস্ট্র্যাপ-থিম.কম বুটস্ট্র্যাপ উত্সে থিম.হীন ফাইল থেকে উত্পন্ন হয় । ক্ষতিগ্রস্থ উপাদানগুলি হ'ল (বুটস্ট্র্যাপ v3.2.0 হিসাবে):
থিম.বিহীন ফাইলের উপর নির্ভর করে:
@import "variables.less";
@import "mixins.less";
কোডটি বেশ কয়েকটি স্থানে ভেরিয়েবলগুলিতে নির্ধারিত রঙগুলি ব্যবহার করে for উদাহরণস্বরূপ:
// Give the progress background some depth
.progress {
#gradient > .vertical(@start-color: darken(@progress-bg, 4%); @end-color: @progress-bg)
}এই কারণেই বুটস্ট্র্যাপ-থিম.কম সম্পূর্ণরূপে বুটসওয়াচ থিমগুলিকে মিস করে। সুসংবাদটি হ'ল বুটসওয়াচ থিমগুলিও ভেরিয়েবল.বিহীন ফাইলগুলি থেকে তৈরি করা হয়েছে, যাতে আপনি নিজের বুটসওয়াচ থিমের জন্য কেবল একটি বুটস্ট্র্যাপ-থিম। CSS তৈরি করতে পারেন।
এটি করার সঠিক উপায় হ'ল থিম বিল্ড প্রক্রিয়াটি আপডেট করা, তবে এখানে দ্রুত এবং নোংরা উপায় is আপনার বুটসওয়াচ থিমের একটি দিয়ে বুটস্ট্র্যাপ উত্সে ভেরিয়েবল.বিহীন ফাইলটি প্রতিস্থাপন করুন এবং এটি তৈরি করুন এবং ভোইলা আপনার বুটস্চচ থিমের জন্য একটি বুটস্ট্র্যাপ-থিম। সিএসএস ফাইল রয়েছে।
বিল্ডিং বুটস্ট্র্যাপ বিরক্তিজনক শোনায় তবে এটি আসলে খুব সহজ:
সম্পন্ন. দেখুন, এটা সহজ ছিল, তাই না?
আমি জানি এই পোস্টটি বেশ পুরানো তবে ...
হিসাবে 'Wattness' নির্দেশিত।
আপনার নিজস্ব কাস্টম থিম সম্পর্কে আপনি নিজের থিম তৈরি করার সময় বুটস্ট্র্যাপ-থিম। সিএসএস সংশোধন করতে পারেন। এটি করার ফলে দুর্ঘটনাবশত কোনও বিল্ট-ইন বুটস্ট্র্যাপের ধার্মিকতাটি ভঙ্গ না করে স্টাইলিং পরিবর্তন করা সহজ হতে পারে।
আমি এটি বুটস্ট্র্যাপ হিসাবে দেখতে পেয়েছি যে কয়েক বছর ধরে প্রতিটি মানুষ মূল শৈলীর চেয়ে কিছুটা আলাদা চায়। আপনি বুটস্ট্র্যাপ সিএসএস সংশোধন করতে পারার সময় এটি জিনিসগুলি ভঙ্গ করতে পারে এবং এটি একটি নতুন সংস্করণে আপডেট করা একটি বাস্তব ব্যথা এবং সময় সাপেক্ষ হতে পারে। কোনও 'থিম' সাইট থেকে ডাউনলোড করার অর্থ হল সেই স্রষ্টা সেই থিমটি আপডেট করেন কিনা তবে আপনাকে অপেক্ষা করতে হবে , যদি কখনও কখনও বড় হয় তবে ঠিক?
কিছু তাদের নিজস্ব 'কাস্টম সিএসএস' ফাইল তৈরি করে এবং এটি ঠিক আছে তবে আপনি যদি 'বুটস্ট্র্যাপ-থিম। সিএসএস' ব্যবহার করেন তবে ইতিমধ্যে অনেকগুলি সামগ্রী তৈরি করা হয়েছে এবং এটি আপনাকে বুটস্ট্র্যাপের মূলটিকে ব্যাহত না করে দ্রুত নিজের থিমটি রোল করতে দেয় allows সিএসএস। আমি কারও কারও জন্য বেশিরভাগ সময় 3 ডি বোতাম এবং গ্রেডিয়েন্ট পছন্দ করি না, সুতরাং বুটস্ট্র্যাপ-থিম.কম ব্যবহার করে এগুলি পরিবর্তন করুন। মার্জিন বা প্যাডিং যুক্ত করুন, আপনার বোতামের ব্যাসার্ধকে পরিবর্তন করুন এবং আরও কিছু ...