Welcome! This is the Bootstrap Bootstrap 4 page of the Concepts Library at MMINAIL.
Blockquote Footer
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'.
<blockquoteclass='blockquote'><span>Ohan has written a very nice book!</span><br/><spanclass='blockquote-footer'>by ~Ohan Emmanuel</span></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.
Renders ...
Ohan has written a very nice book! by ~Ohan Emmanuel
Anchor This
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:
Hence, the identifying color of
indian red for the external hyperlink of
Bootstrap 4 and the identifying color of
light dodger blue for the internal anchor of
First-Gist.
Reduced Functionality
Note.Liquid
filters ie.) the `| relative_url` filter ...cannot be appended via the pipe to
Liquid Link tags.
Test Gist
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 ...
<ul>
{% for gist in site.gists %}
<li><ahref='{% link _gists/MMINAIL-page-template.md %}'>{{ gist.title }}</a></li>
{% endfor %}
</ul>
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 ...
<ul>
{% for gist in site.gists %}
<li><ahref='{{ gist.url | relative_url }}'title='Click to Visit the {{ gist.title }} page of the Bootstrap Lessons Project at Concepts Library'target='_blank'>{{ gist.title }}</a></li>
{% endfor %}
</ul>
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.
Version
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.
The Management
Supporting Content
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.
E Books
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 <aside> ...
As well as in the <footer> of every page.
Dot ePub
Simply click the following eBook icon =eBook icon to render the current page as an Overdrive (.epub) or a FB Reader (.mobi)
.
Apple iBooks
The Apple iBooks platform also reads and displays the (.epub) format, as well.
When navigating the menu at the Navigation <aside> ...
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.
Secure Hyperlinks
The A's Have It!
In today's complicated world of coding, even the use of the standard hyperlink ...
<ahref=""title=""target=""></a>
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.) https://.
Will also be shown in the color of light dodger blue.
Standard External Links
All other external links ...
If designated with standard http ie.) http:// ...
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.
Navigation Aside
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
The Navigation <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.
Instruction Set
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.
Back Home
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.
Subtopics
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.
Unstuck
If you get stuck ...
Simply click on the Home icon to be hyperlinked back to the Home page of the Concepts Library.
Screen Responsiveness
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.
Devices
Testing devices have included selections from the following list of devices ...
Amazon Kindle Fire HDX 7, 3rd Generation tablet
Virtual Galaxy S5 smartphone emulator
Kindle Tablets
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.
Foreign Language
The foreign language expression¡Finito!can hold a translation from Spanish-To-English ...
Via the <title> tag.
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".
Try it!
Acronyms
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
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.
Definitions
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 <abbr> tag.
Carriage Return
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.
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 ofcodewill 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?
Starving Coders
As we rely heavily upon contributions from the coding community, your contribution ofcashwill 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 ofetherwill be greatly appreciated, as well.
Public Hash
Simply scan the followingQR Codeto 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`.
No Warranty
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.
License
The license and privacy policy pages ...
For further review, please see the License page and the Privacy Policy page of this website to clarify.
eBook icon to render the current page as an Overdrive (.epub) or a FB Reader (.mobi)
.
