Bootstrap e-Book In Hindi

button size Class In Boootstrap :

button के size को set करने के लिए Bootstrap मे निम्नलिखित class है

    1. .btn-lg :

    Example :

    Run

    <html>
    <head>
          <meta http-equiv="X-UA-Compatible" content="IE-edge" />
          <meta name="viewport" content="width=device-width" />
          <title> Button Example </title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
          <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>
       <button type="button" class="btn btn-danger btn-lg">Submit</button> 
    </body>
    </html>

     

     


    2. .btn-sm :

    Example :

    Run

    <html>
    <head>
          <meta http-equiv="X-UA-Compatible" content="IE-edge" />
          <meta name="viewport" content="width=device-width" />
          <title> Button Example </title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
          <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>
       <button type="button"class="btn btn-danger btn-sm">Submit</button> 
    </body>
    </html>

     

     

    3. .btn-xs :

    Example :

    Run

    <html>
    <head>
          <meta http-equiv="X-UA-Compatible" content="IE-edge" />
          <meta name="viewport" content="width=device-width" />
          <title> Button Example </title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
          <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>
       <button type="button" class="btn btn-danger btn-xs">Submit</button> 
    </body>
    </html>

     

     

    4. .btn-block :

    Example :

    Run

    <html>
    <head>
          <meta http-equiv="X-UA-Compatible" content="IE-edge" />
          <meta name="viewport" content="width=device-width" />
          <title> Button Example </title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
          <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>
       <button type="button" class="btn btn-danger btn-block">Submit</button> 
    </body>
    </html>

     

    Prv Next


.

Deependra Singh Baghel Production