Overflow from the phone screen or browse thumbnails

I tried the default alignment smaller (15px-> 5 pixels) on the mobile screen by adding the following css.
@ media (max-width: 767px)
. container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 5px;
padding-right: 5px;
}

It worked but was padded overflow from the phone screen or browse thumbnails to see the problem!

Please help me customize this problem does not overflow the screen.

I made it on: http://xahoi360.com/

@tmducqt I looked at your site and can´t really find the problem. The issue could be (this is just guessing, since I don´t understand your question 100%) that you are trying to use container-fluid a bootstrap 2.X class while you are using 3.0. In bootstrap 3.0 the container-fluid class was removed and only container is used. Try looking at the bootstrap documentation or reword your question please.

1 Like

Thank you very much!
I do not speak English so the question really confusing!
I want to shrink the gap edges 2 sites.
. container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}

change:
padding-left: 5px;
padding-right: 5px;

This has horizontal scroll bar appears when accessed by phone or small implementation browser window.

Hope you help me this problem, although I’m not describe the correct grammar!