Question: I had a csv file of my graph data. I imported this data to Neo4j using the Neo4j plugin available for Gephi. Now, I want this data to be exported as a jSON file. How can I do that?

Answer: 
Yes, don't do that. Removing the `box-sizing: border-box` will ruin your grid. See also: [Why did Bootstrap 3 switch to box-sizing: border-box?](https://stackoverflow.com/questions/18854259/why-did-bootstrap-3-switch-to-box-sizing-border-box/18858771)

An example to show what happens:

```
<div class="container" style="background-color:lightblue;"> 
    <div class="row" style="background-color:red;"> 
        <div class="col-sm-6" style="background-color:orange"><p style="background-color:green">Content</p></div>
        <div class="col-sm-6" style="background-color:orange"><p style="background-color:green">Content</p></div>
    </div>
</div>
<br>
<div class="container nonborderbox" style="background-color:lightblue;">    
    <div class="row" style="background-color:red;"> 
        <div class="col-sm-6" style="background-color:orange"><p style="background-color:green">Content</p></div>
        <div class="col-sm-6" style="background-color:orange"><p style="background-color:green">Content</p></div>
    </div>
</div>

```

With:

```
.nonborderbox *
{
-webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      box-sizing: content-box;
} 

```

The above will result in:

![enter image description here](https://i.stack.imgur.com/ZK5To.png)

With `box-sizing: border-box` the gutter construct by padding will be out of the calculating of your column's width.

Try to understand Bootstrap's grid and the `box-sizing: border-box` and figure out why this will ruin your layout. Fix this problems or consider to don't use Bootstrap at all for your project.
I used a combination of above solutions to fit my need
(I used only the grid system, everything else was already there)

```
/* *,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*/

[class^="container-"], 
[class^="container-"] *,
[class^="col-"], 
[class^="col-"] *,
[class^="row"],
[class^="row"] * {
  box-sizing:border-box;
}

```

The grid was taking too much margin and padding 
 so i replaced all the 

```
padding-right:15px;
padding-left:15px;
margin-left=-15px;
margin-right=-15px;

```

to(I commented out the margins)

```
.row {
/*  margin-left: -15px;
margin-right: -15px;*/
}

```

and

```
.col, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

```