Bootstrap - Some kind of margin on mobile devices (only right side)

前端 未结 4 1243
一向
一向 2020-12-28 19:27

i created a mobile page with bootstrap, but for some kind the mobile page has a margin or padding on mobile devices on the right side where i can slide to. I deleted some co

相关标签:
4条回答
  • 2020-12-28 19:46

    Do you know you don't have bootstrap.min.js file in your js directory? Anyway, the solution is just don't use "col-lg-12" div, "row" will fill 100% of width so why you want this one?

    0 讨论(0)
  • 2020-12-28 19:51

    .col-lg-12 class has padding-right: 15px; and padding-left: 15px;, that causes white spaces. Make them 0, than remove margin-right: -15px; and margin-left: -15px; in .row class.

    0 讨论(0)
  • 2020-12-28 19:52

    If you want to set the right-padding on your example header, then just do that style in .container for example: Padding-Right:12px.

    0 讨论(0)
  • 2020-12-28 20:05

    I figured it out:

    html, body {
      overflow-x: hidden;
    }
    

    Solved it for me!

    0 讨论(0)
提交回复
热议问题