bootstrap3スタイルを自分流にカスタマイズします。
編集するファイルは全て「bootstrap.min.css」です。
見出しの下の下線を消す
- .page-header {
- padding-bottom: 9px;
- margin: 40px 0 20px;
- border-bottom: 1px solid #eee
の4行目「border-bottom: 1px solid #eee」を削除します。
見出しごとにインデントを付ける
- h1.page-header,div.level1{
- margin-left: 0rem;
- }
- h2.page-header,div.level2{
- margin-left: 2rem;
- }
- h3.page-header,div.level3{
- margin-left: 4rem;
- }
- h4.page-header,div.level4{
- margin-left: 6em;
- }
- h5.page-header,div.level5{
- margin-left: 8em;
- }
上記のコードを追加します。
表の見出し行を変える
- .table thead {
- background: #ede6d3;
- }
上記のコードを追加します。
引用の文字の大きさを小さくします。
- blockquote {
- padding: 10px 20px;
- margin: 0 0 20px;
- font-size: 17.5px;
- border-left: 5px solid #eee
- }
上記の「font-size: 17.5px;」を削除します。