The official "Exhausting-All-Other-Resources" blog
The word "blog" is a truncation of "weblog," which is, itself, a compound lexeme comprised of a nickname and a malaprop working under duress. Webs, strictly speaking, are collections of related elements whose organization breaks down when individual elements, or their connection points, are broken. The so-called "World-Wide Web" – the "web" in "weblog" – scarcely qualifies. It is, in fact, nothing more than a handful of precious gems scattered around a vast wasteland of unrelated digital peddlers – sometimes contradictory, poisonous, avaricious, and occasionally defiant of all reason – dispersed through "clouds, caches, and data centers," but all found, ultimately, spinning on the hard-drives of "webservers."
It is these servers, sitting like roadside souvenir stands on the shoulder of the information superhighway, that constitute the real infrastructure of this global strip-mall.
The word log – the "log" in "weblog" – has been adopted here simply because more accurate labels have too many letters in them. Odd though it may be, it must be conceded that the term is not entirely inappropriate. Typically, a log is a sequential record of related events. The sun came up; the sun went down. The clock ticked on. Always a record of routine. A log is something that, in a perfect world, would be perfectly ignored. In fact, the only reason to ever read a log is because we do not live in a perfect world, and someone must, eventually, figure out exactly where the train jumped the rails.
So, a blog is a personal play-by-play – lurking on one of those souvenir stands littering the Internet strip-mall – that allows the world to discern where your ability to reason, common sense, solid values, manners, good taste – and sometimes the very fabric of your life – all went spectacularly wrong...
Or, not. In which case – like any true log – only your significant other, the NSA, and the human resources department where you work, (if you're lucky enough to still have a job after all the time you waste blogging), will have any reason to read it.
Here is an example of form field positioning – with a little help from Bootstrap:
<dl class="dl-horizontal">
<dt><label for="name">Name</label></dt>
<dd><input type="text" name="name"></dd>
<dt><label for="address">Address</label></dt>
<dd><input type="text" name="address"></dd>
</dl>There are many ways to style a form. Most websites leave the whole business to a framework or use one of many templating systems to simplify the recurring tasks involved. Frameworks and templating systems represent serious design commitments, however, and generally lock a project into one approach for doing everything. Occasionally, such mechanisms are impractical or unavailable, and it makes more sense to take advantage of the steady advance of HTML and CSS standards to enable a somewhat simpler and more direct approach.
Bootstrap provides CSS positioning elements specifically for forms, including vertical (stacked fields and labels), in-line (fields and labels across the page), and horizontal (stacked fields with right-justified labels). Sometimes, the "formality of forms" is not necessary because the fields are not intended to be posted to a server. Using <dl> elements that have been styled with Bootstrap makes it very simple to get sensible positioning without using Bootstrap's form positioning or resorting to brittle custom styles or old-fashioned HTML tricks. Even better – because its Bootstrap – the resulting fields are still as mobile-friendly as a full-on Bootstrap form.