Bootstrap: hide the line between the rows - html

Question

I try to divide a page in 2 rows with bootstrap and when I do that, there comes up a line in between. Can I remove/hide it somehow?
<div class="container-fluid">
<div class="row">
<div class="col-md-12 panel">
<div class="col-md-2">
<button class="btn btn-primary" type="submit" style="margin-top: 10px">Button1</button>
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 panel">
<div class="col-md-4">
<input type="text" class="form-control" placeholder="..." />
</div>
<div class="col-md-2">
<button class="btn btn-primary" type="submit">Button2</button>
</div>
</div>
</div>
</div>

Answer 1

The .panel adds a box-shadow. Either don't use it or remove it with..
.panel {
box-shadow: initial;
}
http://www.codeply.com/go/fNXo7yZu2T

Answer 2

You should place your 2 main .col-md divs inside one common .row, not two different rows.
see bootstrap guide
And then play with your .col-md divs.
I suggest the following:
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<button class="btn btn-primary" type="submit" style="margin-top: 10px">Button1</button>
</div>
<div class="col-md-6 panel">
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control" placeholder="..." />
</div>
<div class="col-md-6">
<button class="btn btn-primary" type="submit">Button2</button>
</div>
</div>
</div>
</div>

Answer 3

Columns need to be wrapped in rows and that is ALL the columns at the same level - you have created 2 rows with just single columns inside.
IE you have created 2 panels - panels need to differentiate between each other - therefore the line! (If you want to use panels properly check out http://getbootstrap.com/components/#panels and/or http://www.w3schools.com/bootstrap/bootstrap_panels.asp.)
You should be living at getboostrap.com until u get happy with BS!
Basic BS layout is
row
col col col
row
col
row - a row of columns inside another row (this sorts out the padding etc).
col
col
row
col
col
etc.
All wrapped in a container (containers should NOT be nested but they can be stacked one after the other).
Hope that makes sense (think it is clearer than HTML)
Columns always (well almost always - there are a couple of weird exceptions) need to be wrapped in rows otherwise padding, margins etc. go all over the place (took me ages to work out this simple rule).
It takes a while to get BS into your system.
One tip if you are using an IDE: Set up an insert (live template in PHPStorm) to do -
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
</div>
<!-- end row -->
</div>
<!-- end col next to row -->
I do this 100 times a day now! Saves sooooo much time.