Menu
Just getting started with Bootstrap.
Is there a way of having two columns in side a panel?
Thanks
249
You can nest columns inside columns as long as those nested columns "live" inside a row. In fact, if you check the html behind that very example on Bootstrap documentation you will see that those nested columns are in fact placed inside a row.
To create a non-bordered table within a panel, use the class . table within the panel.
Sure.. just like you'd create any Bootstrap columns:
<div class="panel panel-default"> <div class="panel-heading">Title</div> <div class="panel-body"> <div class="row"> <div class="col-md-6">col1</div><div class="col-md-6">col2</div> </div> <div class="row"> <div class="col-md-6">col1</div><div class="col-md-6">col2</div> </div> <div class="row"> <div class="col-md-6">col1</div><div class="col-md-6">col2</div> </div> </div> </div> http://www.bootply.com/114526
156
You can also have a panel with a table:
<div class="panel panel-default"> <div class="panel-heading">Title</div> <table class="table"> <tr> <td>Column 1</td> <td>Column 2</td> </tr> </table> </div> If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
