4 columns to 2 columns with Twitter Bootstrap

前端 未结 4 1259
长情又很酷
长情又很酷 2021-02-08 06:22

I have a 4 columns fluid-layout:

A
4条回答
  •  日久生厌
    2021-02-08 06:34

    You'll just need to override the CSS for the spans in the @media query corresponding to tablets.

    So you can try something like this:

    // Tablets & small desktops only
    @media (min-width: 768px) and (max-width: 979px) {
      [class*=span] {
        width: 50%;
      }
    }
    

    Of course, adjustments may need to be made. Because of padding and margins, the width may not actually be 50%.

提交回复
热议问题