To see a preview of my codes, take a look here (on Bootply).
This is how the HTML section appears:
<div class="container">
<div class="row">
<a href="#a">
<div class="my-border">
<div class="col-md-3">A</div>
<div class="col-md-3">A1</div>
</div>
</a>
<div class="my-border">
<a href="#b">
<div class="col-md-3">B</div>
<div class="col-md-3">B1</div>
</a>
</div>
</div>
</div>
Here is the CSS part:
.my-border
{
border: medium double rgb(250,0,255)
}
I am trying to achieve borders like this:
-----------
|A A1|B B1|
-----------
However, I am experiencing issues with the borders not displaying correctly. Additionally, I have two more inquiries:
Would it be acceptable to nest a
within<div class="my-custom-class"><div class="col-xx">and<div class="row">? If not, what would be the recommended approach?Is it considered appropriate to wrap an
<a href="my-custom-link">around multiple<div>s? If not, what alternative method should be used?
Thank you!