旧HAIK forum (参照のみ)

« back RSS

[127]カラムの枠内に色を付けることができますか? 2016/10/05(Wed) 15:17:00
name : チワワ
cols もしくは、thumbnails の
枠の内側に色を付けることはできますか?
 
pass :

[129]Re:カラムの枠内に色を付けることができますか? 2016/10/05(Wed) 15:41:19
name : Yujiro
colsに様々なクラス指定ができます。参考ページは以下です。
http://www.open-qhm.net/index.php?cmd=read&page=Plugins%2FLayout%2F01-cols&word=cols#nda3f08e
 
pass :
[130]Re:Re:カラムの枠内に色を付けることができますか? 2016/10/05(Wed) 16:37:28
name : チワワ
Yujiroさん、ありがとうございます。

そのページはよく読んだつもりなのですが、
枠の中の色(背景色?)をつける方法が見つけられませんでした。

サンプルで載っている「わかりやすいように、色を付けています。」
のように、文字の色ではなくて、枠の中の背景色をつけたいのです。

「クラスの指定」の説明に例として書かれている、
text-center、text-muted あたりをヒントに、
successとかinfoとかをtext-のうしろに足してみて、

#cols(3,3,3,3,text-center,text-success)

にしてみると、カラムが崩れて縦1行に4個並んでしまうんです。
もちろん自分が間違ったおまじないを書いてるからだと思うんですけど。

もう少し自分で考えてみます。
 
pass :
[131]出来ました! 2016/10/05(Wed) 17:17:51
name : チワワ
いろいろ検索したところ
bootstrapの初心者向けサイトで「bg-◯◯◯」という書き方を見つけ、
さっそく試してみました。

#cols(3.text-center.text-muted.bg-danger,1,3.text-center.text-muted.bg-danger,1,3.text-center.text-muted.bg-danger,1){{

で、出来ました!

横4つを、3つに減らして、間に1を挟んで、それぞれにクラスを指定して・・・
なんか冗長な気もしますが、
省略しようとすると、背景色が繋がってしまうので、苦肉の策です。

お騒がせしました。

回答くださったYujiroさん、ありがとうございました。
  status : 解決済!
pass :


解決済みのためこれ以上の返信はできません。

+ P forum 1.33 +
このHAIK forumは、QHMユーザフォーラムが閉鎖されため、その代わりにtomzoが個人的に作成しているものです。
どうぞご自由にお使いください。当フォーラムはシステム不調により、新規書き込みは禁止とします。新HAIK forumをお使いください。 2016.9.22作成
一歩先を行くhaikユーザのためのTips