# Problems with Bootstrap, Wikipedia Challenge

**URL:** <https://forum.freecodecamp.org/t/problems-with-bootstrap-wikipedia-challenge/91067>\
**Category:** General\
**Created:** [February 25, 2017, 10:12am UTC](https://forum.freecodecamp.org/t/problems-with-bootstrap-wikipedia-challenge/91067 "2017-02-25T10:12:14Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [March 1, 2017, 6:55am UTC](https://forum.freecodecamp.org/t/problems-with-bootstrap-wikipedia-challenge/91067/6 "2017-03-01T06:55:27Z")

</div>

I haven’t used `getbootstrap.com/customize`, but I think it allows you to create your own bootstrap theme (say you want `btn-primary` to be colored red instead of blue). But I don’t think you can readily use your custom version with codepen.

> [@carpben](#):
>
> in there for customizing buttons, but I’m not sure how to do that (see image). I’m not sure how do this. Perhaps using @btn-default-color? If so how do I use it and where?).

At the very top of the “Less variables” section is a subsection for setting colors for `primary`, `default`, `warning`, etc. which you can then reference anywhere (like in the field for `@btn-primary-bg`)

> [@carpben](#):
>
> You may also advice about how to advance my skills with Bootstrap.

Have you seen this playlist?

https://www.youtube.com/embed/videoseries?list=PL4cUxeGkcC9g_69kOfXICzT_hZ79_td99&wmode=transparent&rel=0&autohide=1&showinfo=1&enablejsapi=1

> [@carpben](#):
>
> Also, when the viewer is less than the page width (which I defined as 1100px using max-width property on the body element), there is no side margins, even though I defined a 1 em margin to the body element. Can you explain?

I’m not really sure (I’m guessing that if the page width is less that the max width you defined, it just takes up whatever space there is regardless of margins). However I noticed that you didn’t use `container` / `container-fluid` and `row` classes. Why don’t you give them a try? Give this a read:

> **[The Bootstrap Grid System Explained](https://forum.freecodecamp.org/t/the-bootstrap-grid-system-explained/24479)**
>
> A nice, detailed explanation of the Bootstrap grid system from Medium: https://medium.com/wdstack/how-the-bootstrap-grid-really-works-471d7a089cfc?source=linkShare-8f91301d8667-1470037945

---

_[View the full topic](https://forum.freecodecamp.org/t/problems-with-bootstrap-wikipedia-challenge/91067)._