Welcome! This is the Bootstrap Bootstrap 4 page of the Concepts Library at MMINAIL.
The blockquote and blockquote-footer classes of Bootstrap 4 take care of the formatting of a block quote in Html, as follows:
Note. This is an instructional block of text below the opening <pre> tag enclosed in a set of <span> followed by no break. Go ahead and copy and paste this code into your Visual Studio Code, Preferences, User Snippets, language Html.json file under insert Html block, 'Blockquote'. Note. This is an instructional block of text above the closing <pre> tag enclosed in a set of <span> followed by no break. The above block of code is enclosed in a hidden Liquid statement that highlights Html.
Ohan has written a very nice book!
The internal anchor path of this page is ... `Bootstrap/Bootstrap-4.htm`
And, the internal anchor path to a target page is `gists/MMINAIL-page-template.md`
Thus, the internal anchor path to the target page may be expressed as an internal anchor link from this page, as follows:
The external hyperlink path for a Ping Back to this page can be split between its components, as follows:
- Site Url = https://mminail.github.io
- Site Base Url = , and
- Page Path = Bootstrap/Bootstrap-4.htm
Thus, the external hyperlink path pinging back to this page may be expressed as an external hyperlink from this page, as well.
The above external hyperlink works, but as seen by the color indian red ...
The link is not secure.
Nor is the external hyperlink accountable as the light dodger blue internal anchor is.
How can this be?
Well, the first link shown live above ... the internal anchor ...
Takes advantage of a Liquid Link statement, as follows:
Whereas, the second link shown live above ... the external hyperlink...
Utilizes the Combo Link statement format, as follows:
Note. Liquid filters ie.) the `| relative_url` filter ... cannot be appended via the pipe to Liquid Link tags.
There are two methods in Jekyll for constructing links.
One method is best for internal anchor links and the other method is best for external hyperlinks.
The purpose of this exercise is to decipher which.
Liquid Link Method
The first method of our Test Gist section deals with a Liquid `for loop`.
The Liquid `for loop` hunts through the collection of site gists and passes any found to the temporary gist variable.
Through each iteration of gist found ...
The temporary gist variable is purged and filled anew with the parameters targeted by the Liquid `for loop` statement.
Inside the boundaries of the Liquid `for loop` ...
Display statements written in html, jekyll-moustache, and liquid are rendered upon each iteration through the loop, as follows:
Here, we have an operable `for loop` outputting the internal anchor link for each gist found from inside an unordered list of list items.
As shown in the following highlighted pre-block ...
Note. The Liquid `for loop` will take the format of your first gist identified ie.) 'MMINAIL-page-template.md' and use that format to search the site for other gists.
Because we are using a Liquid link statement to render the internal anchor links for the found gist ...
As the page excerpt exclaims ...
Combo Link Method
The second method of our Test Gist section deals with another Liquid `for loop`.
However, under this incarnation we will not be using a Liquid link statement to render the captured internal anchor links.
Rather, we will be using a common Combo Link statement filled with jekyll-moustache calls, as follows:
Here, we have an operable `for loop` outputting the internal anchor link for each gist found from inside an unordered list of list items as before.
However, as noted above ...
We are not restricted to the limited functionality of the Liquid link statement.
As shown in the following highlighted pre-block ...
When using the common Combo Link statement to build our hyperlinks instead of the restrictive Liquid link statement ...
We can add a `title` and a `target` to the hyperlink, as well as our `site.url` and our `site.baseurl` yaml variables without affecting the functionality of the underlying hyperlink.
In addition, we may apply Liquid filters to the rendering of the gist url through the Unix pipe feature.
In this case, the captured gist url is piped through the Liquid `relative_url` filter.
Note. The Liquid `relative_url` filter prepends the subject url with both the `site.url` and `site.baseurl` variables retrieved from the config dot yaml page of the website.
Contrasting the two methods reveals the first method best for internal anchor links and the second method best for external hyperlinks.
Note. This page crafted with Bootstrap Lesson Template htm Dtd 02-15-18.
Sources and Uses
The source and use of 3rd party materials in the creation of this Html page is greatly appreciated.
Most authors and publishers will allow for the abbreviated reproduction of their works in part.
Especially when the case of brief quotations or ideas embodied in critical articles or reviews becomes necessary to further the understanding of the end-user's learning process.
When an effort to subsequently help clarify the original thoughts the author is attempting to convey becomes manifest, a ping-back to the original source(s) is welcome by the readers, the authors, and the publishers of instructional hard copies.
Therefore, it is the policy of the MMINAIL to always provide a Ping Back to the original author, or to the publisher of the original publication when citing 3rd party work.
Note. Please support the co-workers who aggregate the Source Links for our projects.
Quote: "The best way to get an industry to collapse in on itself in a capitalist society is to take away its potential for profit!" ~ Robert Hempaz, PhD Trichometry™
Thank you for your contribution.
Welcome! This is the Supporting Content section for the Bootstrap 4 page of the MMINAIL.
The Concept Library of the MMINAIL is a static informational website.
As such, a Supporting Content section is placed below each (.html) page in the flow of the default layout to grant the end-user additional pertinent information when navigating this site.
With today's explosion of modern devices ...
Some consumers like to read their articles on their Kindles or iPads.
Therefore, a method to convert any page of this website into an eBook ...
Is auto-built into the top of the Navigation
As well as in the
<footer> of every page.
Simply click the following eBook icon = eBook icon to render the current page as an Overdrive (.epub) or a FB Reader (.mobi) .
The Apple iBooks platform also reads and displays the (.epub) format, as well.
When navigating the menu at the Navigation
Look for the book icon to download the offered eBook directly to your machine.
Then, simply right-click over the newly downloaded (.epub) and open up the file in the new Book app for Mac devices.
The A's Have It!
In today's complicated world of coding, even the use of the standard hyperlink ...
Is placed into question by the standards of newer, more modern browsers such as Google's V8 powered Chrome browser.
Safe Internal Links
Therefore, to make life easy for the end-user ...
The MMINAIL will show safe, internal links in the bootstrap default color of light dodger blue.
Safe External Links
In addition, safe external links ...
When designated https secure ie.)
Will also be shown in the color of light dodger blue.
Standard External Links
All other external links ...
If designated with standard http ie.)
Will be shown in the color of indian red.
How To Navigate This Website
At this website ...
We have the
<html> hub for the Benefit Corp aka our Concepts Library.
You (Usted), as a current visitor to our Concepts Library, are now at the Bootstrap Bootstrap 4 page.
In the Navigation
<aside> section of this website ... ...
The end-user will find a Stack of Topics.
Or, for you smartphone users ... the Navigation
<aside> section is up! ...
There, the smartphone user will find the same Stack of Topics for the Concepts Library at MMINAIL.
Stack O Topics
<aside> section to your right ... ... If you are viewing this page from the traditional landscape style of your laptop.
Or, the Navigation
<aside> section from above ... ... If you are viewing this page from the modern portrait style of your smartphone ...
Both house the same Stack of Topics available for selection at the Concepts Library of the MMINAIL.
To access one of the Articles or Lessons available for your preferred Topic of Interest ...
- Simply scroll through the tabs of Topics above, or to the side ...
- And, click on one that you may have an interest in.
Note. At each Topic of Interest, the end-user will find a hyperlink back to the Home page of the Concepts Library.
By clicking on the Home icon the end-user will be returned to the Home page of the Concepts Library.
When an end-user clicks on a Topic of Interest ...
Either above ...
Or, over at ...
The Stack of Topics in the Navigation
<aside> section ...
The menu explodes vertically to reveal several subtopical choices.
To select any other Topic of Interest, or any of the many subtitles ...
- Simply click on the corresponding glyphicon to open up the referenced file.
If you get stuck ...
- Simply click on the Home icon to be hyperlinked back to the Home page of the Concepts Library.
The pages of the Concept Library have been tested for mobile responsiveness.
The authors have determined the accuracies of the page renderings at both a portrait width of 360px and a landscape width of 640px.
Testing devices have included selections from the following list of devices ...
- Amazon Kindle Fire HDX 7, 3rd Generation tablet
- Virtual Galaxy S5 smartphone emulator
On the Kindle tablet, both portrait and landscape renderings appear accurate.
Amazon Fire Phones
And, on the Amazon Fire phone, using automatic screen rotation, both portrait and landscape renderings appear accurate.
The foreign language expression ¡Finito! can hold a translation from Spanish-To-English ...
Simply hover over the word in Spanish to reveal its English equivalent.
For example ...
Hovering over the Spanish phrase ¡Por ejemplo! reveals the English equivalent of "For Example".
For an acronym to be visually effective when reading a line of text ...
The acronym must first be declared.
In addition, the acronym must stand out from the body of information.
To accomplish both of these objectives, the MMINAIL has selected Ashley Gold.
Ashley gold is a primary color within the registered Logo Badge of the Benefit corporation.
Whenever the end user spies a designated Acronym of Ashley Gold ...
Simply hover over the Acronym to reveal the underlying meaning embedded in the
title element of the
<abbr> tag can also be used to house Definitions as well as Acronyms.
As we have seen in the above referenced Ashley Gold definition ...
Whenever the end-user spies a designated Acronym or Definition of Ashley Gold color ...
Simply hover over the Acronym or Definition to reveal the underlying meaning embedded in the
title element of the
The carriage return, or ... ➡️
The carriage return is used extensively throughout the working repos of the Concept Library to prevent the overflow of raw code.
By preventing the overflow of raw code when rendering a code block, the view of the end-user avoids the slider effect.
And, by eliminating the slider effect, responsive views using other devices ie.) Kindle Fire HDX will maintain screen boundaries without overflow.
Note. The Http Headers of this repo are being monitored by Internet Supervision dot com.
Reproduction In Part
Most authors will allow for the reproduction of their works in part ...
When the case of brief quotations embodied in critical articles or reviews is addressed.
As long as an appropriate citation is presented concurrent with the review, authors are generally receptive.
Therefore, please remember to provide a Link-back to the original author, or to the publisher of the original publication when citing.
Thank you for your consideration.
Got An Idea?
If you have an idea that will spruce this site up even better than it already is ...
Then, you know the drill ...
Simply go ahead and fork this repo, make your changes, and send us a pull request.
If you are an expert in your field of specialty ...
Why not fork our Concept Library and create a new Topic of your choosing, or embellish upon an existing Topic.
Send us a Pull Request.
Our team of coders will review your contribution and get back to you with a "thumbs up" ( or, "thumbs down" ).
Can You Contribute Code?
As we can now decipher the time spent by our functions at the code block level ...
How much of your coding time are you willing to invest in this project?
As we rely heavily upon contributions from the coding community, your contribution of code will be greatly appreciated.
Thank you for your effort and participation in our program to code the globe!
Can You Contribute Cash?
If you have enjoyed and benefited from this article ...
Then, why not drop a little change in our digital bucket at the Square Up - Cash Me donation portal.
As we can now spend the equivalent of our grandparents' monthly mortgage payment at our local Sunday football games ...
How much of your spare cash are you willing to invest in this project?
As we rely heavily upon contributions from the coding community, your contribution of cash will be greatly appreciated.
Note. Your donation will help us fund our Starving Coders initiative through our Medcoin™ Crypto Currency Division.
Can You Contribute Ether?
As we have witnessed the exponential growth of Bitcoin (BTC) from 9 cents USD per coin ...
To over $18,000 USD per coin over the past nine (9) years.
Plus, the recent explosion of Ripple (XRP) from less than one-penny to over $2 USD.
How much of your spare Ether ( ETH ) are you willing to invest in this project?
As we rely heavily upon contributions from the coding community, your contribution of ether will be greatly appreciated, as well.
Simply scan the following QR Code to extract our Coinbase public hash address to send Gifts O Wei in support of our Medcoin™ Crypto Currency Project.
Note. The easiest and safest way to extract our public `ETH` hash-address is to point your smartphone at the `QR Code` shown and engage the `Sophos Intercept X QR Code Scanner`. From there you will be able to open the link safely via the `Sophos Intercept X Link Checker`.
Disclaimer. The author of this website has made every effort to ensure accuracy ...
However, the information contained in this website, and in its pages, is offered to the public without any warranty expressed or implied.
Therefore, the author of this website, and by extension its pages and content cannot be held liable for any damages that may be caused indirectly or directly by the software instructions or tutorials contained in the pages of this website.