タイトル

ここに写真に関する説明文やその他の情報を入力します。テキストは写真の右側に配置されます。 Bootstrapのグリッドシステムを使うことで、このように写真と文字を簡単に横に並べることができます。

詳細はソースコードをご覧いただきたいですが、タブレットサイズ（mdブレークポイント、768px以上）以上では、 写真が4/12（つまり1/3）、テキストが8/12（つまり2/3）の幅を占め、それ以下のサイズでは各カラムが全幅を占めて1列に並びます。