1084 0
Plugins for extending Bootstrap framework
Here are the few bootstrap plugin's which must be used to enhance Bootstrap framework capability
Type
Article
Bootstrap CSS Plugin
950 0
Bootstrap Tutorial (Part-1)
Article explains Bootstrap 3 basics and it's implementation while creating a website or web-application using it, this is 2 part basic tutorial for beginners to learn Bootstrap 3.
Type
Article
CSS Bootstrap basic tutorial
744 0
Bootstrap Tutorial (Part-2)
This article is second part of bootstrap tutorial, which explains further about bootstrap framework, these two part tutorial helps you learn about the bootstrap 3 basics quickly.
Type
Article
Bootstrap CSS tutorial
708 2
Want to use Bootstrap tabs instead of jquery

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

...
Type
Question
CSS Bootstrap jquery
633 0
How to create responsive Bootstrap Nabvar
Tutorial to understand Bootstrap and create responsive navbar using bootstrap 3 step by step
Type
Article
CSS Bootstrap

504 2
Bootstrap modal appearing below back-drop (in background) ??Why?

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">&times;</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

...

Type
Question
Bootstrap pop-up modal appearing in background Modal behind backdrop
473 1
Bootstrap dropdown not working

Suddenly, my bootstrap dropdown is not working on my website here is the code 

...
Type
Question
HTML bootstrap bootstrap-dropdown-not-working
299 4
How to make bootstrap columns of equal height ?

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:

...

Type
Question
CSS Bootstrap bootstrap columns height is not equal
290 1
How to create side menu using bootstrap?

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.

...
Type
Question
Bootstrap CSS side menu in bootstrap
232 0
Creating bootstrap switch button (Easy way)
In this article, I will help you style your HTML checkbox buttons into an iOS7 like switch buttons using Bootstrap and without it
Type
Article
Bootstrap switch buttons bootstrap toggle switch on off button switch

Page 1 of 1