{"id":3203,"date":"2019-12-16T11:37:11","date_gmt":"2019-12-16T10:37:11","guid":{"rendered":"https:\/\/esferas.org\/msqlu\/?p=3203"},"modified":"2019-12-16T11:38:39","modified_gmt":"2019-12-16T10:38:39","slug":"usando-bootstrap-para-una-pagina-indice","status":"publish","type":"post","link":"https:\/\/esferas.org\/msqlu\/2019\/12\/16\/usando-bootstrap-para-una-pagina-indice\/","title":{"rendered":"Usando Bootstrap para una p\u00e1gina \u00edndice"},"content":{"rendered":"\n<p>Hoy he podido completar la creaci\u00f3n de un paquete Debian para uno de los servidores que administro. Concretamente en el servidor en el que he vuelto a usar awstats y que ya mencion\u00e9 en una <a href=\"https:\/\/esferas.org\/msqlu\/2019\/12\/04\/awstats-de-nuevo\/\">entrada anterior<\/a>. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>He aprovechado para aprender algo nuevo, que es el uso de la herramienta <a href=\"http:\/\/getbootstrap.com\">Bootstrap<\/a> (versi\u00f3n 4) para que la p\u00e1gina quedase vistosa y se adaptase a diferentes medios (<em>responsive<\/em> en la jerga actual). Los resultados han sido muy satisfactorios por lo poco que me he tenido que preocupar de los detalles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"669\" src=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2019\/12\/Screenshot_2019-12-16-Accesos-a-tlp-zeine-es-1024x669.png\" alt=\"\" class=\"wp-image-3204\" srcset=\"https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2019\/12\/Screenshot_2019-12-16-Accesos-a-tlp-zeine-es-1024x669.png 1024w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2019\/12\/Screenshot_2019-12-16-Accesos-a-tlp-zeine-es-300x196.png 300w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2019\/12\/Screenshot_2019-12-16-Accesos-a-tlp-zeine-es-768x501.png 768w, https:\/\/esferas.org\/msqlu\/wp-content\/uploads\/sites\/12\/2019\/12\/Screenshot_2019-12-16-Accesos-a-tlp-zeine-es.png 1351w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>El paquete Debian tambi\u00e9n ha quedado muy apa\u00f1ado. La versi\u00f3n Bootstrap de la distribuci\u00f3n actualmente es la tres mientras que yo quer\u00eda emplear la cuatro. As\u00ed que la he descargado, la he a\u00f1adido al paquete y he alterado las URL del fuente para no tener que depender de un servidor externo. <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"es\">\n  &lt;head>\n    &lt;meta charset=\"UTF-8\">\n    &lt;meta name=\"author\" content=\"V\u00edctor Moral\">\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    &lt;link rel=\"stylesheet\" href=\"\/css\/bootstrap.min.css\">\n    &lt;title>Accesos a tlp.zeine.es&lt;\/title>\n  &lt;\/head>\n\n  &lt;body><\/code><\/pre>\n\n\n\n<p>De manera que los archivos que conforman la web del servidor son los siguientes:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>var\/www\/html\/tlp.zeine.es\n\/var\/www\/html\/tlp.zeine.es\/css\n\/var\/www\/html\/tlp.zeine.es\/css\/awstats.css\n\/var\/www\/html\/tlp.zeine.es\/css\/bootstrap-grid.css\n\/var\/www\/html\/tlp.zeine.es\/css\/bootstrap-grid.min.css\n\/var\/www\/html\/tlp.zeine.es\/css\/bootstrap-reboot.css\n\/var\/www\/html\/tlp.zeine.es\/css\/bootstrap-reboot.min.css\n\/var\/www\/html\/tlp.zeine.es\/css\/bootstrap.css\n\/var\/www\/html\/tlp.zeine.es\/css\/bootstrap.min.css\n\/var\/www\/html\/tlp.zeine.es\/images\n\/var\/www\/html\/tlp.zeine.es\/images\/zeine-logo.png\n\/var\/www\/html\/tlp.zeine.es\/images\/zeine.png\n\/var\/www\/html\/tlp.zeine.es\/index.html\n\/var\/www\/html\/tlp.zeine.es\/js\n\/var\/www\/html\/tlp.zeine.es\/js\/bootstrap.bundle.js\n\/var\/www\/html\/tlp.zeine.es\/js\/bootstrap.bundle.min.js\n\/var\/www\/html\/tlp.zeine.es\/js\/bootstrap.js\n\/var\/www\/html\/tlp.zeine.es\/js\/bootstrap.min.js\n<\/code><\/pre>\n\n\n\n<p>Y como tengo necesidad de crear varias p\u00e1ginas m\u00e1s de este tipo, de las que llaman de aterrizaje, voy a mecanizar un poco m\u00e1s el asunto para no tener que escribir tanto HTML y a usarlo de esta forma. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Referencias<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/www.w3schools.com\/bootstrap4\/default.asp\">Bootstrap 4 tutorial<\/a><\/li><li><a href=\"https:\/\/getbootstrap.com\/docs\/4.4\/examples\/\">Bootstrap 4 examples<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Hoy he podido completar la creaci\u00f3n de un paquete Debian para uno de los servidores que administro. Concretamente en el servidor en el que he vuelto a usar awstats y que ya mencion\u00e9 en una entrada anterior.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","webmentions_disabled_pings":false,"webmentions_disabled":false,"footnotes":""},"categories":[6],"tags":[145,601,602,41,921],"class_list":["post-3203","post","type-post","status-publish","format-standard","hentry","category-debian","tag-awstats","tag-bootstrap","tag-css","tag-debian","tag-landing-page"],"_links":{"self":[{"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/posts\/3203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/comments?post=3203"}],"version-history":[{"count":4,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/posts\/3203\/revisions"}],"predecessor-version":[{"id":3208,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/posts\/3203\/revisions\/3208"}],"wp:attachment":[{"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/media?parent=3203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/categories?post=3203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/esferas.org\/msqlu\/wp-json\/wp\/v2\/tags?post=3203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}