API tools faq
paste
Advertisement
selebry

fdfd

selebry
Mar 15th, 2023
764
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Bootstrap</title>
  8. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  9. </head>
  10. <style>
  11. .row{
  12. margin-left: 5px;
  13. }
  14. /* .form-control{
  15. margin-left: 10px;
  16. } */
  17. </style>
  18. <body>
  19. <!-- <table class="table table-dark table-striped table-bordered table-hover table-sm">
  20. <thead>
  21. <tr>
  22. <th scope="col">#</th>
  23. <th scope="col">First</th>
  24. <th scope="col">Last</th>
  25. <th scope="col">Handle</th>
  26. </tr>
  27. </thead>
  28. <tbody>
  29. <tr class="table-active">
  30. <th scope="row">1</th>
  31. <td>Mark</td>
  32. <td>Otto</td>
  33. <td>@mdo</td>
  34. </tr>
  35. <tr>
  36. <th scope="row">2</th>
  37. <td>Jacob</td>
  38. <td>Thornton</td>
  39. <td>@fat</td>
  40. </tr>
  41. <tr>
  42. <th scope="row">3</th>
  43. <td>Larry</td>
  44. <td>the Bird</td>
  45. <td>@twitter</td>
  46. </tr>
  47. </tbody>
  48. </table> -->
  49. <!-- <div class="btn btn_active">button 1</div>
  50. <div class="btn btn-success">button 1</div> -->
  51. <!-- <button type="button" class="btn btn-primary">Primary</button>
  52. <button type="button" class="btn btn-secondary">Secondary</button>
  53. <button type="button" class="btn btn-success">Success</button>
  54. <button type="button" class="btn btn-danger">Danger</button>
  55. <button type="button" class="btn btn-warning">Warning</button>
  56. <button type="button" class="btn btn-info">Info</button>
  57. <button type="button" class="btn btn-light">Light</button>
  58. <button type="button" class="btn btn-dark">Dark</button>
  59.  
  60. <button type="button" class="btn btn-link">Link</button> -->
  61. <!-- <form>
  62. <div class="row">
  63. <label for="login">login</label>
  64. <div>
  65. <input type="text"class="form-control" id="login">
  66. </div>
  67. </div>
  68. </form> -->
  69. <!-- <form>
  70. <div class="form-group row">
  71. <label for="exampleInputEmail1">Email address</label>
  72. <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
  73. <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
  74. </div>
  75. <div class="form-group">
  76. <label for="exampleInputPassword1">Password</label>
  77. <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  78. </div>
  79. <div class="form-check">
  80. <input type="checkbox" class="form-check-input" id="exampleCheck1">
  81. <label class="form-check-label" for="exampleCheck1">Check me out</label>
  82. </div>
  83. <button type="submit" class="btn btn-primary">Submit</button>
  84. </form> -->
  85. <!-- <form class="form-inline">
  86. <div class="form-group mb-2">
  87. <label for="staticEmail2" class="sr-only">Email</label>
  88. <input type="text" readonly class="form-control-plaintext" id="staticEmail2" value="email@example.com">
  89. </div>
  90. <div class="form-group mx-sm-3 mb-2">
  91. <label for="inputPassword2" class="sr-only">Password</label>
  92. <input type="password" class="form-control" id="inputPassword2" placeholder="Password">
  93. </div>
  94. <button type="submit" class="btn btn-primary mb-2">Confirm identity</button>
  95. </form> -->
  96. <!-- <div class="input-group mb-3">
  97. <div class="input-group-prepend">
  98. <span class="input-group-text" id="basic-addon1">@</span>
  99. </div>
  100. <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
  101. </div>
  102.  
  103. <div class="input-group mb-3">
  104. <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
  105. <div class="input-group-append">
  106. <span class="input-group-text" id="basic-addon2">@example.com</span>
  107. </div>
  108. </div>
  109.  
  110. <label for="basic-url">Your vanity URL</label>
  111. <div class="input-group mb-3">
  112. <div class="input-group-prepend">
  113. <span class="input-group-text" id="basic-addon3">https://vk.com/id/</span>
  114. </div>
  115. <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
  116. </div>
  117.  
  118. <div class="input-group mb-3">
  119. <div class="input-group-prepend">
  120. <span class="input-group-text">$</span>
  121. </div>
  122. <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
  123. <div class="input-group-append">
  124. <span class="input-group-text">.00</span>
  125. </div>
  126. </div>
  127.  
  128. <div class="input-group">
  129. <div class="input-group-prepend">
  130. <span class="input-group-text">With textarea</span>
  131. </div>
  132. <textarea class="form-control" aria-label="With textarea"></textarea>
  133. </div> -->
  134. <!--
  135. xs - extra small devices <576 (width)
  136. sm - small - 567-767
  137. md - medium devices 768-991
  138. lg - large 992-1199
  139. xl - extra large -1200+
  140.  
  141. Container
  142. Row (grid)
  143. Col (row)
  144. -->
  145. <div class="container-fluid">
  146. <div class="row">
  147. <div class="col col-4">A</div>
  148. <div class="col col-4">B</div>
  149. </div>
  150. <!-- <div class="row">
  151. <div class="col">C</div>
  152. <div class="col">D</div>
  153. <div class="col">E</div>
  154. </div>
  155. <div class="row">
  156. <div class="col">F</div>
  157. <div class="col">G</div>
  158. <div class="col">I</div>
  159. <div class="col">F</div>
  160. <div class="col">G</div>
  161. <div class="col">I</div>
  162. <div class="col">F</div>
  163. <div class="col">G</div>
  164. <div class="col">I</div>
  165. <div class="col">F</div>
  166. <div class="col">G</div>
  167. <div class="col">I</div>
  168. </div> -->
  169. </div>
  170. </body>
  171. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!