I have created bootstrap grid system in which I am showing 3 columns in the large view(using Bootstrap 3), now content of my all three div's height is not equal so How can I make them of equal height?
Here is my Demo HTML code:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<div class="container" id="mycontainer">
<section>
<div class="row">
<div>
<div>
<div class="well col-lg-3 col-md-4 col-sm-12 col-xs-12">
<a href="">
<h2>title 1</h2>
<p>Different height of data, as one can have more while other can have less</p>
</a>
</div>
<div class="well col-lg-3 col-md-4 col-sm-12 col-xs-12">
<a href=""> <h2>title 2</h2>
<p>Different height of data, as one can have more while other can have less something more to write for test</p>
</a>
</div>
<div class="well col-lg-3 col-md-4 col-sm-4 col-xs-12">
<a href=""> <h2>title 2</h2>
<p>Different height of data, as one can have more while other can have less something more to write for test asdasd asdsad awsdsad asdasdsad</p>
</a>
</div>
</div>
</div>
</div>
</section>
</div>
And the output of it:
...
I would like to create side navbar using bootstrap, how can I Create it, any working example link or tutorial or code example will work, thanks.
...Hello, can anyone help me know, why my bootstrap pop-up modal is appearing on the background and not clickable?
here is my HTML code
<div class="container">
<div class="Fixdiv">
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p> modal pop-up Body part</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div>
</div>
CSS
.Fixdiv
{
position:fixed;
top:10px;
left:10px;
}
jquery/javascript
$(document).ready(function()
{
$('.modal').modal("show"); //showing pop-up when page is loaded for example
}
);
Here is the error image
...
Suddenly, my bootstrap dropdown is not working on my website here is the code
...Hello, i was using this code to create Jquery tabs, but i don't want to use it now, i want to use bootstrap code instead of current one
my current code is
...