مشکل در بوتسترپ
سلام دوستان من میخام تو قسمت top سایت لوگو و شعار سایت رو کنار هم قرار بدم ولی خیلی فاصله ایجاد میکنه
میخام متن به عکس نزدیک تر باشه
<section>
<header class="header-main text-center">
<div class="col-lg-12">
<div class="row">
<div class="col-lg-2">
<a>
<img class="img-fluid" src="{{ asset('front/pics/hero_1.jpg')}}" alt="دنیای پردازش" width="130">
</a>
</div>
<div class="col-lg-4">
<b><p class="brandlogo pt-4">
شعار سایت .....
</p></b>
</div>
</div>
</div>
</header>
</section>خروجی به این شکل میده
به div دوم text-right دادم بهتر شد ولی تو حالت موبایل هم میچسبه به سمت راست
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
گزارش تخلف
کپی کردن
0
hasanizad
@hasanizadt
4 سال پیش
آپدیت شد
گزارش تخلف
کپی کردن
0
دوتا رو توی یک div بذار و بهش کلاس " col-lg-4 col-sm-12" بده و ببین چیزی که مد نظرت هست رو به دست میاری یا نه
گزارش تخلف
کپی کردن
0
سلام و عرض خسته نباشید
من مشکل اساسی که در کدهاتون دیدم اینه که قوانین layout در بوت استرپ را رعایت نکردین، حتما col ها در سکشنی با کلاس row و همینطور row ها در container و اینکه اگر از sass در بوت استرپ استفاده میکنید می توانید مقدار متغیر موجود برای gutter بین col ها کم کنید.