পূর্ববর্তী সমস্ত সমাধানগুলি হার্ড-কোড 40 পিক্সেল বিশেষত এইচটিএমএল বা সিএসএসে এক ফ্যাশন বা অন্য কোনও ক্ষেত্রে। যদি নাবারে কোনও আলাদা ফন্ট-আকার বা কোনও চিত্র থাকে? আমার যদি প্রথমে বডি প্যাডিংয়ের সাথে ঝামেলা না করার কোনও ভাল কারণ থাকে ? আমি এই সমস্যার সমাধান অনুসন্ধান করছি এবং আমি এখানে এলাম:
$(document).ready(function(){
$('.contentwrap') .css({'margin-top': (($('.navbar-fixed-top').height()) + 1 )+'px'});
$(window).resize(function(){
$('.contentwrap') .css({'margin-top': (($('.navbar-fixed-top').height()) + 1 )+'px'});
});
আপনি '1' সামঞ্জস্য করে এটিকে উপরে বা নীচে নিয়ে যেতে পারেন। এটি পুনরায় আকার দেওয়ার আগে এবং পরে নববারের সামগ্রীর আকার নির্বিশেষে আমার পক্ষে কাজ করে বলে মনে হচ্ছে।
এই সম্পর্কে অন্যরা কী ভাববে আমি আগ্রহী: দয়া করে আপনার মতামতগুলি ভাগ করুন। (এটি পুনরুদ্ধার করা হবে না, বিটিডব্লিউ।) JQuery ব্যবহার করার পাশাপাশি, সমস্যাটি এভাবে না যাওয়ার জন্য অন্য কোনও কারণ রয়েছে কি? এমনকি আমি এটির মতো মাধ্যমিক নাবারের সাথে এটির কাজও করেছি:
$('.contentwrap') .css({'margin-top': (($('.navbar-fixed-top').height())
+ $('.admin-nav').height() + 1 )+'px'});
PS: উপরের বুটস্ট্র্যাপ ২.৩.২-এ রয়েছে - জেনেরিক শ্রেণির নামগুলি যতক্ষণ থাকবে ... ততক্ষণ এটি কি 3.x এ কাজ করবে ... বাস্তবে, এটি বুটস্ট্র্যাপের থেকে স্বাধীনভাবে কাজ করা উচিত, তাই না?
সম্পাদনা: এখানে একটি সম্পূর্ণ jquery ফাংশন যা গতিশীল আকারের দুটি সজ্জিত, প্রতিক্রিয়াশীল ফিক্সড নববার পরিচালনা করে। এর জন্য 3 টি এইচটিএমএল ক্লাস প্রয়োজন (বা আইডির ব্যবহার করতে পারে): ব্যবহারকারী-শীর্ষ, অ্যাডমিন-শীর্ষ, এবং বিষয়বস্তু:
$(document).ready(function(){
$('.admin-top').css({'margin-top':($('.user-top').height()+0)+'px'});
$('.contentwrap') .css({'padding-top': (
$('.user-top').height()
+ $('.admin-top').height()
+ 0 )+'px'
});
$(window).resize(function(){
$('.admin-top').css({'margin-top':($('.user-top').height()+0)+'px'});
$('.contentwrap') .css({'padding-top': (
$('.user-top').height()
+ $('.admin-top').height()
+ 0 )+'px'
});
});