このサイトで設定した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>