Tag Archives: twitter bootstrap

22 Ağu

Bootstrap Panel Samples

This example shows how to create a panel using bootstrap framework.

Firstly, you should add the following code to the head section in html:

  https://csharpexamples.com

Sample Usage : 

    

	    
Simple panel without heading

    


    

        
Sample 1

        
Panel Content 1

    

	
    

        
Sample 2

        
Panel Content 2

    

	
    

        
Sample 3

        
Panel Content 3

    

    
	

        
Sample 4

        
Panel Content 4

    

    
	

        
Sample 5

        
Panel Content 5

    

    
	

        
Sample 6

        
Panel Content 6

RESULT :
bootstrap panel samples

22 Ağu

Bootstrap Pagination Samples

Pagination is the process of dividing the content into discrete pages, either electronic pages or printed pages. These examples show how to make pagination using bootstrap framework.

Firstly, you should add the following code to the head section in html:

  https://csharpexamples.com

SAMPLE USAGES :

Pagination with Disabled and Active States :

RESULT :
Bootstrap Pagination

Pager Sample :

RESULT :
Bootstrap pager

16 Tem

Simple Bootstrap Tooltip

This example shows how to create a simple tooltip using bootstrap framework.

Firstly, you should add the following code to the head section in html:

  https://csharpexamples.com

SAMPLE USAGE:

RESULT:
bootstrap tooltip example

16 Tem

Bootstrap Alert Messages

This example shows how to use alert messages using bootstrap framework.

Firstly, you should add the following code to the head section in html:

  https://csharpexamples.com

SAMPLE USAGE:

    

        ×
        Success! Your message has been sent successfully.
    
    
    

        ×
        Warning! There was a problem with your network connection.
    
    
    

        ×
        Note! Please read the comments carefully.
    
       
    

        ×
        Error! A problem has been occurred while submitting your data.

RESULT:
bootstrap alert messages