October 25, 2017   Bootstrap Questions And Answers

Bootstrap check modal shown hidden

Bootstrap check modal shown hidden– We can check whether the bootstrap modal is shown or hidden using jQuery. Here in this article we are going to explain how to check whether the modal is shown or hidden in Bootstrap.

Bootstrap check modal shown hidden | JavaScript | jQuery Example

Using jQuery you can check that modal has in class or not-

|Bootstrap check modal shown hidden Example:

So using the above java script you can check whether the bootstrap modal is open or not.

Read More
October 25, 2017   Vue.Js Blog

Vue.Js if else in view

Vue.Js if else in viewSometimes we need to add if else condition in view. We can use v-if to show the template based on if condition.

Vue.Js if else in view Example

You can add if condition for template simply as below –

Vue.Js if else in view Example:




            Read More
        

                
        
    

    
        


            October 24, 2017
              Bootstrap Questions And Answers

                 
        

        
        
Bootstrap fixed footer

           
        

            
                        
            


Bootstrap fixed footer– You can use navbar-fixed-bottom class to make footer fixed.




 Here is an example of sticky/fixed footer in bootstrap-  




Bootstrap fixed footer Example:








Home












        

        
                

            Read More
        

                
    
    
    

    
        


            October 24, 2017
              Bootstrap Questions And Answers

                 
        

        
        
Bootstrap table remove border

           
        

            
                        
            


Bootstrap table remove border– Sometimes we need borderless table in bootstrap, we can override the default functionality by our own class. Here in this article, we are going to explain how you can create the borderless table in Bootstrap. You can also use our online editor to edit and run the code online.




Bootstrap table remove border Example


 You can create custom class simply as below to remove the table border/stripe-  




Bootstrap table remove border Example:










....
...








Try it »


If you run the above example it will produce output something like this-



Bootstrap table remove border



        
        
                

            Read More
        

                
        
    

    
        


            October 24, 2017
              Bootstrap Questions And Answers

                 
        

        
        
Bootstrap responsive iframe

           
        

            
                        
            


Bootstrap responsive iframe You can use bootstrap inbuilt classes to make responsive iframe, Here in this article we are going to explain how you can make responsive iframes.




Bootstrap responsive iframe Css Class Example


 Wrap iframe with div wrapper and add class esponsive-embed. Here is an example of responsive iframe-  




Bootstrap responsive iframe | Example:











  





  













You can add the aspect ratio as above. 






        

        
                

            Read More
        

                
    
    
    

    
        


            October 24, 2017
              Bootstrap Questions And Answers

                 
        

        
        
Bootstrap disable tabs

           
        

            
                        
            


Bootstrap disable tabs We can make tabs disabled using jQuery. Here in this article we are going to explain how you can use jQuery to disable tabs.




Bootstrap disable tabs Example


 You can add disabled class and the below jQuery to check the disabled class and return false-  




Bootstrap disable tabs Example:



















  
Tabs

  
 
Tab 1


Tab 2


Tab 3


Tab 4















Try it »



If you click on the disabled menu it will display the alert message – “This tab is disabled.”


Bootstrap disable tabs


        

        
                

            Read More
        

                
    
    
    

    
        


            October 24, 2017
              Bootstrap Questions And Answers

                 
        

        
        
Bootstrap button text word wrap

           
        

            
                        
            


Bootstrap button text word wrap– It is very simple to word wrap in bootstrap, we can use custom css to word wrap button text. Here in this tutorial, we are going to explain how we can add text word wrap.




Bootstrap button text word wrap Example


 You can add the following CSS to make button text word wrap in bootstrap-  




Bootstrap button text word wrap Example:








.btn{
white-space:normal !important;
word-wrap: break-word; 
max-width:150px;
}









Try it »



If you run the above example it will produce output something like this-



Bootstrap button text word wrap Example



        

        
                

            Read More
        

                
    
    
    

    
        


            October 23, 2017
              Bootstrap Questions And Answers

                 
        

        
        
Bootstrap add form in Popover

           
        

            
                        
            


Bootstrap add form in Popover– We can add form in bootstrap popover, sometimes we need to show form in popover to get some user input.




Bootstrap add form in Popover Example


 You can show form fields in bootstrap popover simply as below-   




Bootstrap add form in Popover Example:













 Popover WIth Form











Try it »



If you run the above example it will produce output something like this- 


Bootstrap add form in Popover






        

        
                

            Read More
        

                
    
    
    

    
        


            October 3, 2017
              Bootstrap Questions And Answers

                 
        

        
        
Bootstrap remove all rounded corners

           
        

            
                        
            


Bootstrap remove all rounded corners– Sometimes we need to remove all rounded corners of elements such as input box, buttons, modals etc. We can override the default css by our own to change the rounded corners.




 Bootstrap remove all rounded corners Css Example


 You can use the below CSS to remove the rounded corners in Bootstrap – 




Bootstrap remove all rounded corners CSS Example:








* {
  border-radius: 0 !important;
}











The above css will remove all rounded borders. 


        

        
                

            Read More
        

                
    

    

        
        
« Older posts

        
Newer posts »