Twitter Bootstrap Question posted in

How to remove the right space from a bootstrap built website – Twitter bootstrap

I have devolopped a responsive website with Twitter Bootstrap 3. However i have noticed that there is a scroll bar at the bottom of my screen due to a right space on the page. Even though i used 

body {
  margin:0px;
  margin-top:0px;
  padding:0; margin:0;
  margin-right: 0; 
}

I still have a right space and a scroll bar under my page as shown in the picture below
Right Margin

Please How to remove the right space from a bootstrap built website ?

Tags:

2

Answers


  1. 0

    i looked in to it what i think is, its the navigation bar which is causing it.

    try reducing the px for nav bar. look at the picture , reduce the px from 1903 to 1980 may be !! let me know what happens

    enter image description here

    Login or Signup to reply.
  2. 0

    First of all, elements with classes articles_text2 and articles_text4 aren’t placed properly, they create some extra space on the right. For example, you can set them left: 50%;. However, I’d suggest that you re-define positions for all articles_text elements because values like 57% and other look like some magic numbers taken from nowhere.

    Secondly, you should remove padding: 0; from #full-width because it breaks Bootstrap Grid System. What I can suggest in order to remove left and right padding is to do the following trick:

    [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

    It should help.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search