paradox
3 سال پیش توسط paradox مطرح شد
3 پاسخ

مشکل در بوتسترپ

سلام دوستان من میخام تو قسمت 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 دادم بهتر شد ولی تو حالت موبایل هم میچسبه به سمت راست


ثبت پرسش جدید
رضا جهانگیر
تخصص : Full-Stack Developer
@rezajahangir 3 سال پیش مطرح شد
0

سلام.
برای انجام اینکار پیشنهاد میکنم به لینک های زیر یه نگاه بندازین.
flex
flex
موفق باشید.


hasanizad
@hasanizadt 3 سال پیش آپدیت شد
0

دوتا رو توی یک div بذار و بهش کلاس " col-lg-4 col-sm-12" بده و ببین چیزی که مد نظرت هست رو به دست میاری یا نه


Tayebeh Safdari
تخصص : برنامه نویس وب و موبایل
@tayebehsafdari 3 سال پیش مطرح شد
0

سلام و عرض خسته نباشید
من مشکل اساسی که در کدهاتون دیدم اینه که قوانین layout در بوت استرپ را رعایت نکردین، حتما col ها در سکشنی با کلاس row و همینطور row ها در container و اینکه اگر از sass در بوت استرپ استفاده میکنید می توانید مقدار متغیر موجود برای gutter بین col ها کم کنید.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام