Please note, this is a STATIC archive of website www.tutorialspoint.com from 11 May 2019, cach3.com does not collect or store any user information, there is no "phishing" involved.
Tutorialspoint

Online Bootstrap Editor

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
    </head>
  <body>
<div class="container-fluid">
    <div class="page header">
            <h6>tcs</h6>
        </div>
        
    <div class="jumbotron">
        
    <h1>table</h1>
    <p>from bootstrap table bootstrapcdn.com/bootstrap/3.3.1/js </p>

    </div>
    <div class="well">for round border</div>
    <div class="well well-sm">for small border</div>
    <div class="alert alert-warning">for alert</div>
    <div class="alert alert-info"><strong>information </strong>for active link <a href=# class="alert-link">read this message</a>
    </div>
    <button type="button" class="btn btn-success">button 1</button>
    <button type="button" class="btn btn-primary btn-block btn-sm disabled">button 2</button>
        <table class="table table-striped">
    <thead>
        <tr>
            <th>name</th>
            <th>address</th>
            <th>number</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>aditi</td>
            <td>vikas nagar</td>
            <td>12345</td>
        </tr>
        <tr class="info">
            <td>amisha</td>
            <td>indira</td>
            <td>09876</td>
        </tr>
    </tbody>
</table>
<table class="table table-bordered">
    <thead>
        <tr class="success">
            <th>name</th>
            <th>address</th>
            <th>number</th>
        </tr>
    </thead>
    <tbody>
        <tr class="danger">
            <td>aditi</td>
            <td>vikas nagar</td>
            <td>12345</td>
        </tr>
        <tr>
            <td>amisha</td>
            <td>indira</td>
            <td>09876</td>
        </tr>
    </tbody>
</table>
    <div class="page footer">
        <h5>tcs bangalore</h5>
    </div>
    
  </body>
</html>

Advertisements
Loading...

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.