Skip to content

Instantly share code, notes, and snippets.

@easytomakecourses

easytomakecourses/gist:300fddc92e0d09c5292db595920ac548

Created October 14, 2021 14:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save easytomakecourses/300fddc92e0d09c5292db595920ac548 to your computer and use it in GitHub Desktop.
Save easytomakecourses/300fddc92e0d09c5292db595920ac548 to your computer and use it in GitHub Desktop.
Download ZIP
.Net Core-Boostrap
Raw
gistfile1.txt
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de Bootstrap</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div class="container">
<h1>Buscar</h1>
<label>Ejemplo de un formulario sencillo de búsqueda.</label>
<!-- Formulario de búsqueda con un campo de entrada (input) y un botón -->
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn btn-primary">Buscar</button>
</form>
<h2>Resultados</h2>
<!-- Tabla de contenido formateada con uan de las clases de Boostrap -->
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>#</th>
<th>Título</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Resultado 1 enlazado aquí</td>
</tr>
<tr>
<td>2</td>
<td>Resultado 1 enlazado aquí</td>
</tr>
<tr>
<td>3</td>
<td>Resultado 1 enlazado aquí</td>
</tr>
</tbody>
</table>
</div>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<!-- Bootstrap JS -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
@easytomakecourses
Copy link
Author

Ejecútalo en VStudio. Debes referenciar la página en el menú de la aplicación de prueba.
Resultado aquí...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment