このサイトで設定したbootstrapの上書きしたCSSとか
基本、自分用でHTMLの構成とクラス名のみ。具体的な中身を知りたいときは、CSSを直接見る感じで。
作成日:2018-01-09, 更新日:2018-05-25
ただの枠
ただの枠
<div class="wrapExp">ただの枠
サンプルとコード
サンプルとコードをまとめて表示されるヤツ。
〇〇〇〇
<div class="divP">
<div class="wrapExp noRadiusB">
〇〇〇〇
</div>
<div class="wrapExp noRadiusT noBorderT highlight">
<pre>〇〇〇〇</pre>
</div>
</div>
引用
〇〇〇
<blockquote cite="#">
<p>〇〇〇</p>
<p><cite><a href="#" target="_blank">〇〇〇</a></cite></p>
</blockquote>
テーブル
tbodyのthを幅を狭くして改行無し
〇〇〇 | 〇〇〇 |
---|---|
〇■〇■ | 〇★ |
<table class="table minTh"><tbody>
<tr><th>〇〇〇</th><td>〇〇〇</td></tr>
<tr><th>〇■〇■</th><td>〇★</td></tr>
</tbody></table>
幅を内容に合わせる
kushi_name | taste |
---|---|
鳥精 | 塩 |
<table class="table table_mini">
<thead>
<tr>
<th>kushi_name</th>
<th>taste</th>
</tr>
</thead>
<tbody>
<tr>
<td>鳥精</td>
<td>塩</td>
</tr>
</tbody>
</table>
Bootstrap
bootstrapで設定されているけど、使う頻度が少ないわりにそれなりの設定・・・。
jumbotron
jumbotron
<div class="jumbotron">
<b>jumbotron</b>
</div>