website building

with Bootsrap 3

text nonsense

Bootstrap 3 has a number of different options for displaying text. Of these, the ones I found most useful are:
<code> displays like this
<mark> looks like this: marked text!
<kbd> looks like this: git commit -m "new page"
<pre> can be used for multi-line code blocks. The .pre-scrollable class sets a max-height of 350px and give a y-axis scrollbar.

This font is fixed-width. Each letter takes up the same amount of horizontal
space. Spaces and line breaks are preserved: h e l l o      t h e r e

<samp> is useful for indicating program output.
NVENC Error: Too many concurrent sessions
The classes link-primary and link-secondary can be used on <href> tags: home

tables and such

You can make a simple table using the .table class.

Class	Effect
.table-striped	Adds stripes to your table
.table-bordered	Adds borders on all side of your table
.table-condensed	Cuts cell padding in half

images and whatnot

A standard image with the .img-responsive class:

An image with the .img-rounded class:


An image with the .img-circle class (do not use this):


To embed a video, use the .embed-responsive-item class on an <iframe> tag (you can specify the aspect ratio in the containing <div>, include the classes embed-responsive and embed-responsive-16by9 (or another aspect ratio):

alert fanciness

Alerts are created with the .alert class, followed by one of the four contextual classes .alert-success, .alert-info, .alert-warning or .alert-danger: