আমি টুইটার বুটস্ট্র্যাপ উদাহরণ ডাউনলোড করেছি এবং এটির সাথে একটি সাধারণ রেল প্রকল্প তৈরি করেছি। আমি যেখানে প্রয়োজন সেখানে CSS অনুলিপি করেছিলাম এবং এটি জরিমানা প্রদর্শন করে। আমি জেএসগুলিও অনুলিপি করেছিলাম এবং সমস্ত কিছু আমার ডেস্কটপে দুর্দান্ত কাজ করে: আমি যখন আমার ব্রাউজারের আকার পরিবর্তন করি তখন এটি পৃষ্ঠাটিকে পুনর্গঠিত করে। বিভিন্ন আকারের সাথে কিছু "প্রতিক্রিয়াশীল নকশা পরীক্ষার সরঞ্জাম" ব্যবহার করার সময়, এটি দুর্দান্ত কাজ করে।
আমার যে সমস্যাটি রয়েছে তা আমার আইফোনে: এটি আমার ডেস্কটপে ন্যায়বিচার প্রদর্শন করে।
আমি যখন বুটস্ট্র্যাপ হিরো উদাহরণ পৃষ্ঠাটি চেষ্টা করি (যা আমি প্রথম থেকেই শুরু করেছি) তখন এটি আমার আইফোনে দুর্দান্ত কাজ করে।
কি ভুল হতে পারে? আমি কোনও সিএসএসে বেশ স্পর্শ পাইনি, আমি কেবল ফুটারে একটি প্যাডিং যুক্ত করেছি।
এফওয়াইআই, আমি যে সিএসএস পরিবর্তন করেছি তা হ'ল আমি আমার অ্যাপ্লিকেশনটিকে application.cssনিম্নলিখিত সামগ্রীর সাথে যুক্ত করছি :
/* Application stylesheet */
@import url(bootstrap.css);
@import url(bootstrap-responsive.css);
/* Body */
body {
padding-top: 60px;
padding-bottom: 40px;
}
/* Footer */
footer {
padding: 20px 0;
}