Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

This blog is part of 1 Tute Sets.

Bootstrap Tutorial
prev 1 2 next
  • Chapter 6: Bootstrap Images

    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 847
    Comment on it

    Bootstrap offers you three class for images tag. These classes have some styles for images which make your work easy. The three classes are below -

    1. .img-rounded-

    This class adds rounded border as 6-pixel border radius of the image.


    2. .img-circle -

    To use this class you have to make an image round with 500-pixel border-radius


    3. .img-thumbnail −

    This class is mostly used to make a thumbnail image, this will make corner little rounded of 4-pixels with 4px padding and 1-pixel border
     

    For Example -

    <img src = "images/path" class = "img-rounded">
    <img src = "images/pathg" class = "img-circle">
    <img src = "images/path" class = "img-thumbnail">

    Output of this class-

     

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: