Problem with bootstrap grid system

Topic: Problem with bootstrap grid system

Lahcene Benmouloud asked 3 years ago

Hello , i have a probleme with bootstrap grid systeme look at the result on lg screeen enter image description here

but on the smaller screens the result is enter image description here

what i will do so that he always keeps the first concept


<div class="container-fuild">

       <div class="row row-corpo align-items-center">
          <div class="logo col-lg-3 col-md-3 col-sm-3">
              <a href=""><img src="img\logo.png" alt="CorpoSmart"></a>

          <div class="col-lg-4 offset-lg-2 col-md-4 offset-md-1 col-sm-5 ">

               <ul class="pull_left">

                   <li class="item p-1">
                       <a href="#">
                           <i class="far fa-chart-bar fa-2x circle-icon"></i>
                           <span class="badge">2</span>

                   <li class="item p-1 text_center">
                       <a href="#">
                           <i class="far fa-heart fa-2x circle-icon"></i>
                           <span class="badge">12</span>

                   <li class="row item p-1">
                       <div class="col">
                       <a href="#">
                           <i class="fas fa-shopping-cart fa-2x circle-icon"></i>
                           <span class="badge">3</span>
                       <span class="mtn"> 6.500 Da</span>


           <div class="pull_right d-flex justify-content-end col-lg-3 col-md-4 col-sm-4">

                   <div class="dropdown ">
                           <button class="btn btn-danger btn-register " type="button" >
                           <button class="btn btn-secondary btn-login dropdown-toggle" type="button" >


Marta Szymanska staff pro premium answered 3 years ago

All I see, when I copy your code into the snippet is this: Would you create a snippet showing the problem in your code here: I'll try to help you when I'll see your completed code.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: laptop
  • Browser: Firefox
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No