もうBootstrap3使っても良いんじゃねぇ？ (276ﾚｽ)
上下前次1-新
1(1): 2013/08/21(水) NY:AN:NY.AN ID:Qa7rnBrg(1)調 AAS
IE8以下に対応したきゃ、IE専用のCSS書けば良いじゃん。
150: 2013/09/13(金) 08:25:10.87 ID:PR3jVL4J(1)調 AAS
>>149
そういうどうでも良いレベルでしか差別化出来ないんじゃない?w
151(1): 2013/09/13(金) 08:25:44.78 ID:??? AAS
>>140
3のPanelが便利
152(1): 2013/09/13(金) 08:28:18.94 ID:??? AAS
>>147
> コーディング規約を作ろう
規約大事だよね。Bootstrapを使うならBootstrapが規約だね
> CSSガイドラインを翻訳してみた
オブジェクト指向流行ってるよね。Bootstrapもその一つだね
> 「Google HTML/CSS Style Guide」を適当に和訳してみた
.btn-small はイケてないよね…
.btn-147dick { max-height: 9.6cm; } とか真面目に自作すべき
> メンテナブルCSS
規約大事だよね。Bootstrapを使うなら略
> 大規模サイトにおける本当は怖いCSSの話
Bootstrapスタイルは技術がない人だと困るんだって
>>76スタイルは時間喰いすぎなんだって
バランスが大事なんだね
> 今必要なCSSアーキテクチャ
OOCSSもSMACSSも目的は同じでアプローチが違うんだね。Bootstrapは前者かな
> IDを使わないCSSの設計
シングルトンパターンと一緒で乱用すべきじゃないよね。Bootstrapも使ってないね
勉強になるな〜
153: 2013/09/13(金) 11:59:17.21 ID:??? AAS
>>151
これを使えばいいのか、ありがとう。
154: 2013/09/13(金) 13:07:01.65 ID:??? AAS
input要素のサイズがグリッドカラムでしか指定できないのはさすがに嫌すぎなので
2にあったinput-*は自前で追加した
155(1): 2013/09/13(金) 21:55:31.66 ID:??? AAS
>>152
Bootstrapを超えるものが既にあるのに
なんでBootstrapを使うのって話じゃん。
156(1): 2013/09/13(金) 21:58:18.44 ID:??? AAS
Bootstrapを超えるものって何？
157: 2013/09/13(金) 22:24:05.57 ID:??? AAS
>>156
sass（cssの拡張版）＋compass（クロスブラウザフレームワーク、グリッドなどあり）
用意されたものを使えるのは当然の事、
さらに自分で拡張できる。
158: 2013/09/13(金) 22:27:23.15 ID:??? AAS
>>147
> 大規模サイトにおける本当は怖いCSSの話
26ページのオブジェクトタイプ・・・未使用ってのが
重要なところだね。
25ページより
オブジェクトタイプ
・CSSファイルを触らずに開発できる
・コピペで開発できる
デメリット
・CSS設計にスキルを要する
・CSS修正による影響予測が困難。
これ、Bootstrapのことだよね・・・
159(1): 2013/09/13(金) 22:31:02.19 ID:??? AAS
Bootstrapの問題点は簡単にいえば
メンテナンス性が低いということ。
目的のものを作るに時間がかかる。
160: 2013/09/13(金) 23:50:35.58 ID:??? AAS
>>159
それはお前の脳みそがメンテナンスされてないから。
161: 2013/09/13(金) 23:51:14.42 ID:??? AAS
>>155
あれ見落としてたかなー
Bootstrapを比較に持ち出してる記事なんてそのページのどこにあるんだろう？
162: 2013/09/14(土) 00:23:36.86 ID:??? AAS
出先でモックアップを作るのに良いサイトを探してるんですがお勧めはありませんか？
2.x/3.x切り替えとキーボードショートカットに対応してたら最高です
外部ﾘﾝｸ:jetstrap.com
外部ﾘﾝｸ:bootply.com
外部ﾘﾝｸ:www.layoutit.com
この辺は見てみました
163(2): 2013/09/14(土) 02:02:50.79 ID:??? AAS
Bootstrapのメンテナンス性が低い理由は明確に書いてある。
>>114
属性を割り当てていく場所が違うんだよ。
classに属性を割り当てるのではなく、
CSSに属性を割り当てていく感じで作る。
>>113の例をCSSに属性を割り当てる感じにしたものを
具体的に書くと、
HTMLがこうで、
<button class="success-button">succsss</button>
SCSSがこう
.success-button {
@extend btn;
@extend btn-solid;
@extend btn-gradation-left-to-right;
//その他のCSSスタイル
padding: 5px;
}
これならどんなスタイルであってHTMLを編集する必要性は少なくなるし、
急に全ページのsuccessボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。
164: 2013/09/14(土) 04:40:19.30 ID:??? AAS
世界中でお前だけだぞ、んなこと言ってんのw
165: 2013/09/14(土) 05:16:15.54 ID:??? AAS
彼はBootstrapに家を流され家族を殺されたんだ
しょうがないさ
166: 2013/09/14(土) 05:26:02.37 ID:??? AAS
よほどbootstrapが憎いんだろうな。
bootstrapとそのユーザへの攻撃で自分を保ってる。
そしてなぜかbootstrapとは違う厚さのSCSSが最強であると喚く。
あんた完全にぶっ壊れてるよ。
167: 2013/09/14(土) 05:28:13.58 ID:??? AAS
>>163
>>105-107
まだこの気狂い居るのかｗ
168: 2013/09/14(土) 05:32:16.61 ID:??? AAS
で、CSS/Sassスレでも立ててもらって、そっちでやればいいんじゃね？
bootstrapをわざわざ攻撃しに来ることないでしょ。
だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。
Sassはちゃんと設計してCSSを書くテクニックってのは分かってるから、
それはそれで別のところでやってくれればいいと思うよ。
169: 2013/09/14(土) 08:27:09.98 ID:??? AAS
>>163
お前に必要なのはこの文章
外部ﾘﾝｸ:anond.hatelabo.jp
170(2): 2013/09/14(土) 15:26:39.78 ID:??? AAS
> だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。
bootstrapをディスりたいからだけど？
信者いる所でやらないと面白く無いっしょｗ
171: 2013/09/14(土) 19:43:06.54 ID:??? AAS
Bootstrapのメリットは
CSSを知らない人でも使えることだと思う。
172: 2013/09/14(土) 19:44:47.64 ID:??? AAS
>>170
それただの荒らしじゃない。
ついて出てくる理屈は薄っぺらいし、本当にbootstrapに家族殺されたんだね。同情するよ。
173: 2013/09/14(土) 19:48:41.25 ID:??? AAS
うわっわざとらしい自演だｗ
174(1): 2013/09/15(日) 19:04:33.16 ID:??? AAS
>>170
こんなフレームワークが開発中らしいよ。
属性を与える場所について講義してこなきゃ。
Semantic UI
外部ﾘﾝｸ:semantic-ui.com
175: 2013/09/15(日) 22:23:46.87 ID:??? AAS
書評: Web 制作者のための Sass の教科書
外部ﾘﾝｸ[html]:www.understandard.net
176: 2013/09/16(月) 09:12:13.59 ID:??? AAS
×信者いる所でやらないと面白く無いっしょｗ
○信者いる場所でやらないと誰にも相手にしてもらえないんです(>_<
177(2): 2013/09/17(火) 11:50:36.21 ID:??? AAS
>>174
Bootstrapの
<button type="button" class="btn btn-primary btn-lg">
より、
<div class="ui large red labeled icon button">
の方が良い理由が分からん。
第一にこれボタンじゃないし。
178: 2013/09/17(火) 15:10:29.39 ID:??? AAS
>>177
できの悪い「Webサイトテンプレート」も似たようなのが多い。
h*やpなどの大部分が<div class="...">で表現されてたりする。
179: 2013/09/17(火) 19:22:04.78 ID:??? AAS
ボタンツクール
外部ﾘﾝｸ:www.thiagocanudo.com.br
180: 2013/09/18(水) 00:19:23.69 ID:??? AAS
>>177
ですよね。
やっぱり最善は
<button type="button" class="ok-button">
みたいなものか
ほら、みんなこのコード読んで、
なんのボタンかわかっちゃったでしょ？
181(3): 2013/09/18(水) 10:10:24.87 ID:??? AAS
いい方法思いついた！
SCSSでBootstrapのクラスをwrapすればいいんだ！
これでみんな幸せ！！
オレ、頭イイ！！！
182(2): 2013/09/19(木) 00:53:30.97 ID:??? AAS
>>181
やっとそれがでたかｗ
上でヒントっぽいものはでていた気がするが。
でもそれは、classに値を入れていく方式は
間違っている（セマンティックではない）を
認めたことになるよ。
SCSSを使ってセマンティックに作っておけば、
後からBootstrapでないものに変えるのも楽なんだよね。
メンテナンス性とはこういうこと。
183: 2013/09/19(木) 07:45:53.86 ID:??? AAS
>>182
あとで変えるってアホじゃん
184: 2013/09/19(木) 13:25:13.23 ID:??? AAS
>>182
> やっとそれがでたかｗ
>
> 上でヒントっぽいものはでていた気がするが。
いやいや、さんざんSCSS,LESS使えって出てるじゃん。
> SCSSを使ってセマンティックに作っておけば、
セマンティック派としては、たとえばTwitterボタンが必要なとき、どうやるの？
> 後からBootstrapでないものに変えるのも楽なんだよね。
> メンテナンス性とはこういうこと。
メンテナンス性ってそういうことだけじゃないよ。
例えば、
・新しいブラウザが出たときにどこまで確認が必要か
・ブラウザの新しいバージョンが出たときにどこまで確認が必要か
・第三者がメンテナンスするときの学習容易性・変更容易性
・テスト工数
etc.
185: 2013/09/19(木) 13:27:15.14 ID:??? AAS
>>181
> SCSSでBootstrapのクラスをwrapすればいいんだ！
> これでみんな幸せ！！
そうかな。
OOP黎明期に派生が持ち上げられてたとき、それでみんな幸せになったかな？
OOCSS + SCSSって見た目実装継承、実際はコピペだし。
186(1): 181 2013/09/19(木) 17:54:45.45 ID:??? AAS
完全に冗談で言ったのに、大真面目に取られてちょっとびっくりしている…
187: 2013/09/19(木) 21:50:21.06 ID:??? AAS
>>186
だって既にあるしな。
それを知らんのはSCSSを知らんやつだけだろうなｗ
使いにくいBootstrap流のやり方をやめ
SCSS流のやり方で、Bootstrapのデザインだけ
かっぱらっていくｗ
188: 2013/09/19(木) 22:45:47.76 ID:??? AAS
こいつまだいるのか・・・
189(1): 2013/09/19(木) 23:32:05.62 ID:??? AAS
ずっといるよｗ
諦めな。
190: 2013/09/20(金) 05:50:21.85 ID:??? AAS
>>189
なんでこんなに気持悪い生き物が地球に居るんだろ。
クソみたいな親に育てられたんだろな。
191: 2013/09/21(土) 02:10:00.56 ID:??? AAS
こちらも荒らして欲しいってさｗ
Bootstrap
2chｽﾚ:php
192: 2013/09/25(水) 14:45:29.76 ID:??? AAS
SCSSでオレオレBootstrap wrapper作る俺かっこいい
193: 2013/09/26(木) 00:31:20.22 ID:??? AAS
Bootstrap wrapperってほどのこともないな。
classにBootstrapのクラス名を打ち込む代わりに、
class=" セマンティックな名前” って書いて
セマンティックな名前 {
@extend Bootstrapのクラス名
}
って書くだけで終わりだし。
194: 2013/09/26(木) 10:36:01.18 ID:??? AAS
ここの基地外が PHPフレームワーク総合 でもご迷惑をかけてるようで申し訳ありませんwwwwwwww
あの奇行種早く駆逐してくれよｗ
195: 2013/09/26(木) 15:07:16.74 ID:??? AAS
Bootflat 1.0.1
BOOTFLAT is an open source Flat UI KIT based on Twitter Bootstrap 3 css framework. It provides a faster, easier and less repetitive way for web developers to create elegant web app.
外部ﾘﾝｸ:www.flathemes.com
196: 2013/10/11(金) 10:19:21.84 ID:??? AAS
OOCSSとかいう単語考えた奴は絶対オブジェクト指向理解してないと思う
197(1): 2013/10/27(日) 03:00:08.04 ID:??? AAS
Bootstrap Datetime Pickerを使って見てるんだけど、これのformatで曜日を表示するにはどうすればいい？
$('#datetimepicker1').datetimepicker({
format: 'yyyy年MM月dd日 hh:mm',
....
現在のformatが上記で最終的な表示を
2013年10月27日(日)とかにしたい。
198(1): 2013/10/27(日) 03:33:07.54 ID:??? AAS
>>197
javascript date formatで検索すると%aが曜日らしいから、試すといいんじゃない？
199: 2013/10/27(日) 18:17:19.87 ID:??? AAS
>>198
ありがとう。しかしだめだったぜ・・・orz
以下４通り試してみたけど、表示は文字列がそのまま出力されてしまった・・・
format: 'yyyy年MM月dd日 hh:mm a',
format: 'yyyy年MM月dd日 hh:mm aa',
format: 'yyyy年MM月dd日 hh:mm %a',
format: 'yyyy年MM月dd日 hh:mm %aa',
200(1): 2013/10/27(日) 18:26:47.46 ID:??? AAS
出来ないならできないで、自分で関数拡張すればいいだけじゃん。
201(1): 2013/10/27(日) 18:40:29.57 ID:??? AAS
>>200
どの関数読めばいいのか分からん。
そして調べられない。
これを見ろ的なサイト or キーワード教えてくださいm(__)m
202(1): 2013/10/27(日) 18:44:43.62 ID:??? AAS
>>201
オライリーの比較的最近の
JavaScriptの本。
203: 2013/10/27(日) 18:53:58.19 ID:??? AAS
>>202
ちゃんと勉強しないとダメなのか。
サイの表紙のやつでOK?
204(1): 2013/10/27(日) 19:01:00.44 ID:??? AAS
それも含めて、何冊かよめ。
205: 617 2013/10/27(日) 19:26:53.23 ID:??? AAS
>>204
一冊開いてみたけど、やりたいこと実現するのに期日までに間に合いそうにないわ。まるで検討つかない。
諦めるわ。ありがとう。
206: 2013/10/27(日) 20:41:16.02 ID:??? AAS
ご愁傷さんｗ
それが現実だ。
自分の限界を知れてよかったな。
207(1): 2013/11/23(土) 11:07:44.78 ID:??? AAS
IE7でbootstarapのサイト開いて見たらTOP以外ムチャクチャなんだが
対応やめたと言ってもここまで派手に崩れるもんなの？
一応サイトは見れる、ぐらいにもできない？
208: 2013/11/30(土) 21:03:15.67 ID:Wvg4k4eb(1)調 AAS
>>207
IE8ならまだしもIE7に対応する道理なんて無いだろ? 捨てろ捨てろ。
209: 2013/12/03(火) 07:37:17.88 ID:52YJHXE/(1)調 AAS
対応しなくて良いから崩れないようにして欲しい
210: 2013/12/03(火) 11:27:55.74 ID:??? AAS
そんな無茶な
211: 2013/12/09(月) 23:41:21.21 ID:tyP7ww7A(1)調 AAS
崩れないようにする＝対応するだろjk
212: 2013/12/10(火) 00:40:45.15 ID:YSGW/qQB(1)調 AAS
完全に対応しなくて良いから、完全に無視もしないで欲しい
あそこまで派手に崩れないようにだけして欲しい
213(1): 2013/12/10(火) 01:13:06.78 ID:??? AAS
Bootstrapはよく知らないけどようはCSSでしょ？
そもそもCSSってのは文書構造と見た目を分離するものなんだからさ、
まず、Bootstrapを使っているHTMLから
全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。
その上で、Bootstrapの代わりに独自のCSSを
読みこめばいいだけじゃない？
昔はそうやってブラウザの機能やJavaScriptを使って
適用するスタイルシートを切り替えることで
同じページの見た目をがらっと変えるってことが
流行ったんだけどな。代替スタイルシートって機能。
214(1): 2013/12/10(火) 10:59:34.22 ID:??? AAS
>>213
> 全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。
それを見れないなんて誰も言ってないよ。
「崩れてる」と言ってるだけで。
215: 2013/12/10(火) 11:42:14.85 ID:??? AAS
>>214
ちゃうちゃう
「崩れてる」のはHTMLにBootstrapのCSSをつけたのをIE7で見たときだろ
HTMLにCSSをつけないで「崩れてる」ならHTMLの問題
216: 2013/12/10(火) 11:42:53.91 ID:??? AAS
IE7で崩れないようにしたければ自分ですればーってことだろな
217: 2013/12/10(火) 23:18:24.00 ID:??? AAS
そうそう。単にクラスに
違うスタイルを割り当てればいいだけ。
そのためのCSSなんだしさ。
218: 2013/12/14(土) 11:43:06.70 ID:38r1jVZg(1)調 AAS
外部ﾘﾝｸ[html]:rfi.a.la9.jp
お世話になります。
私、責任者の加茂と申します。以後、宜しくお願い致します。
画像ﾘﾝｸ
浪速建設様の見解と致しましては、メールによる対応に関しましては
受付しないということで、当初より返信を行っていないようで、今後につい
てもメールや書面での対応は致しかねるというお答えでした。
外部ﾘﾝｸ:www.karilun-yao.com
このように現在まで６通のメールを送られたとのことですが、結果一度も
返信がないとう状況になっています。
画像ﾘﾝｸ
画像ﾘﾝｸ
画像ﾘﾝｸ
私どものほうでも現在までのメール履歴は随時削除を致しております
ので実際に１１通のメールを頂戴しているか不明なところであります。
外部ﾘﾝｸ:www.apaman-yao.jp
弊社としましても今後メールでのやり取りを差し控えたく、浪速建設様
と同行の上でお会いさせていただきたい所存です。
外部ﾘﾝｸ[html]:rfi.a.la9.jp
219(1): 2013/12/28(土) 20:01:05.35 ID:C8ZVWZW7(1)調 AAS
3からinput, textareaにform-controlクラスを付けないと装飾が付かなくなった件について
解決策ってまだない？
いちいち手動で付けるのはアホらしすぎる、ぐぐったら同様の問題が海外に何件か挙がってるが解決策が見つからない
220(1): 2013/12/28(土) 20:36:16.45 ID:??? AAS
>>219
Bootstrapなんか使うからじゃん。自業自得。
Bootstrapはデザインの変更で
HTMLのclassを修正しまくる必要がある
CSSの設計方針とは正反対のフレームワーク。
それでも使いたいならSASSと併用しなよ。
Bootstrapは使ったことないというか、使う気ないから具体的にどうやるかはしらんけど
form-controlクラスをSASSで継承してinputやtextareaの
標準スタイルとして再定義してやれば、なにもつけずにデザイン適用されるんじゃねーの？
221: 2013/12/28(土) 22:17:28.48 ID:??? AAS
画像ﾘﾝｸ
222: 2013/12/29(日) 15:31:15.77 ID:??? AAS
>>220
素直にLessと併用しろよ
223: 2013/12/31(火) 12:27:52.05 ID:??? AAS
ポストBootstrapみたいなのでないもんだね
224(1): 2014/02/16(日) 20:11:49.76 ID:Bo7kUdI7(1)調 AAS
Bootrapのグリッドシステムって960pxが最大値なんですが・・・
大抵のモニターは960pxより大きいのでスペースが無駄になります
特定の部分(広告など)はレスポンスシブではなく、ウィンドウが小さいときは表示されなくてもいいみたいに
することはできないのでしょうか?
225: 2014/02/17(月) 03:07:23.19 ID:??? AAS
.hidden-xs
.hidden-sm
.hidden-md
226: 2014/02/17(月) 15:05:53.06 ID:zRgSxE6S(1)調 AAS
最強のフロントエンドエンジニアsasaplus1様だ！
227: 2014/02/19(水) 17:19:56.10 ID:??? AAS
>>224
カスタマイズすれば？
本来BootstrapってLessのライブラリだからな
228(1): 2014/03/01(土) 17:26:35.71 ID:??? AAS
オブジェクト指向は愚かな考え。排便メソッドを実装した人間クラスから美少女クラスが作れない。
2chｽﾚ:tech
229: 2014/03/01(土) 18:20:35.21 ID:??? AAS
>>228
マルチポスト
230: 2014/03/06(木) 10:03:35.92 ID:??? AAS
導入で役に立つ参考書を教えて下さい。
231: 2014/03/06(木) 21:12:25.88 ID:??? AAS
こんな進化が早いプロジェクトの本買ってもゴミだよｗ
オフィシャルサイトを見なさい。
232(1): 2014/08/07(木) 17:45:55.59 ID:??? AAS
よくある質問かもしれまんせが、
外部ﾘﾝｸ:getbootstrap.com
のように固定ナビゲーションバーを表示した時に
スクロールバーがナビゲーションに被らないようにするにはどうすればいいでしょうか？
233(1): 2014/08/08(金) 22:05:23.21 ID:DTjTXaEk(1)調 AAS
>>232
<body style=”padding-top: 40px">
234: 2014/08/11(月) 13:36:36.41 ID:??? AAS
>>233
レス遅くなってスンマセン。。。
確かにそれでnavbarより下に表示されるけどスクロールバーは相変わらず一番上から表示されます
ただ他のアプリとか見るとそういうのばっかりだったんで、この件は現状ままにしておきます
失礼しました
235(1): 2014/08/11(月) 21:30:47.63 ID:??? AAS
Bootstrapは、決められたデザインを
そのまま使うものだから。
デザインにこだわりがあるのなら
選んじゃいけないよ。
236: 2014/08/12(火) 10:45:41.25 ID:??? AAS
え？ そうなの？
237: 2014/08/13(水) 14:49:21.68 ID:??? AAS
英語のデザインの意味ならばフレームワークの仕組みをそのまま使うのは同意できるけど、
見た目の意味で言ってるなら好きにすればいいと思う。
>>235はデザイン(設計)とアート(芸術)は区別しようね。
238(1): 2014/08/13(水) 14:54:59.18 ID:??? AAS
Bootsrapで作られたものはみんな同じような見た目になる。
これは見た目をカスタマイズするように考慮されていないため。
239: 2014/08/13(水) 22:45:48.65 ID:??? AAS
>>238
むしろ逆だろ
カスタマイズしてないから同じになるんだけど・・・ｗ
240(1): 2014/08/14(木) 02:49:12.53 ID:??? AAS
カスタマイズするなら自分で作ったほうが速いよ。
241: 2014/08/14(木) 03:35:19.69 ID:??? AAS
>>240
速さだけが問題ではない。
242: 2014/08/14(木) 13:45:05.59 ID:??? AAS
その問題は、実は言えないから書かない。
243: 2014/08/16(土) 16:49:35.35 ID:??? AAS
日本語の解説少ない、あってもbootstrap2
解説少ないからカスタマイズとかまず無理
244: 2014/08/17(日) 05:47:13.24 ID:??? AAS
英語読めば良いじゃん。
245: 2014/08/17(日) 14:35:32.87 ID:idnxCvg6(1)調 AAS
bootstrap.min.cssの後に自分で作ったcss読み込んでも反映してくれない
246: 2014/08/19(火) 22:56:25.68 ID:??? AAS
bootstrap2を使ってるんだけど
formのtextareaとかに
スマホから入力してるとクソ重い
皆はこういうのはどう対策してますか？
247(1): 2014/08/20(水) 02:16:36.42 ID:??? AAS
最新のスマホに買い換える
248: 2014/08/20(水) 12:59:39.66 ID:??? AAS
>>247
それってサイト利用者のこと考えてないやん
249: 2014/08/20(水) 18:26:20.16 ID:??? AAS
利用者のこと考えすぎてたら仕事にならない世の中じゃ、ポイズン
250: 2014/08/21(木) 13:28:29.70 ID:??? AAS
なんで2なんだよ
251: 2014/08/21(木) 23:02:32.40 ID:??? AAS
利用者のことを考えたら2を選択するしか無い
252: 2014/08/22(金) 06:52:41.37 ID:??? AAS
スレチ
253: 2014/09/11(木) 20:55:21.41 ID:??? AAS
bootstrap-selectってxml構文に対応してないのか
情報が見つからなかったが拡張子htmlにしてxml宣言外したら動いた…
254: 2014/09/11(木) 22:30:38.64 ID:??? AAS
そもそもxhtmlとxml構文のhtml5は別物なのね
お目汚し失礼をば
255: 2014/09/12(金) 21:40:14.11 ID:??? AAS
XHTMLは死にました。
タグは省略していいのです。
空要素なんてものは忘れなさい。余計な/は要りません。
256(2): 2014/10/03(金) 10:59:33.53 ID:hPtWdoD8(1)調 AAS
Collapseコントロールの質問してもいいっすか？
<div id="hoge" class="collapse in">
<p>なんとかかんとか</p>
</div>
<button type="button" onclick="$('#hoge').collapse('show');">開く</button>
<button type="button" onclick="$('#hoge').collapse('hide');">閉じる</button>
上記のようなものをつくっております。
が、どうやら、初期状態においては、現在対象が開いているか閉じているかの判定とそれを対象とした操作がおかしいらしく、
初回ボタンクリック時は、開いてる状態で開くボタンを押すと
本来何もして欲しくないところですが、トグル動作になってしまい、閉じてしまいます。
inを消して、初期状態が閉じてる状態で、閉じるボタンを押しても同様に、開いてしまいます。
二回目以降の動作ではそのような事はおこらず、開いている状態で開くを押しても、意図したとおり何もしない
という動作になってます。
散々既出かもしれませんが、bootstrap.jsのここを直せとか
もっと別のところが間違ってるとかご指摘いただけんでしょうか
257: 2014/10/30(木) 06:53:01.54 ID:??? AAS
Bootstrapはコード上で組み合わせて使うテンプレートの一部みたいな使い方するなら、
クラス書きまくってもそんなに苦労するもんじゃないけどな
っていうか一度覚えりゃいちいちCSSとか用意しなくてもそれなりのデザインになるし、楽だわ
そもそもHTML文書自体、再利用向きのものではないから、
内容に一切変更なく大規模なデザインだけ修正を行う、みたいな事がまず発生しづらいし
去年ずっとファビョってた人は、なんつーかこう全角英数を見たら死ぬマとか、
タブとスペースインデントの違いに発狂するマみたいな感覚じゃないのかな
僕の考えた最強に綺麗なHTMLじゃないと許せない、みたいな人種も世の中には居るだろうし
なんとかとハサミは使いようってアレを理解してないなんとか
258(1): 2014/10/30(木) 07:49:04.40 ID:??? AAS
亀だから見てないかもしらんが
>>256
外部ﾘﾝｸ[js]:github.com
Collapseのドキュメントも読んでないしそもそも使用経験もないけど、
ざっと実装見た感じ、とりあえずreadyとかDOM構築後のタイミングで引数なし
でcollapse対象要素全部のcollapseメソッドコールしときゃ大丈夫になるんじゃね？
初回コール時にdataがなかったらそこで作ってるから、それ先に用意しときゃ回避できんじゃないの
259(1): 2014/10/30(木) 07:55:53.72 ID:??? AAS
ああ、ってかドキュメントに書いてあるじゃん。aria-expandedじゃないの？
外部ﾘﾝｸ:getbootstrap.com
260(1): 2014/10/30(木) 08:49:09.38 ID:8n2Zwhb7(1/2)調 AAS
>>258-259
待ってましたよ。
ありがとう。
該当のとこのドキュメント読んで試してみます。
261: 260 2014/10/30(木) 11:03:46.48 ID:8n2Zwhb7(2/2)調 AAS
試してみました。
まず、aria-expanded属性ですが、data-toggle="collapse"の記述を使ったData Attribute API経由での
場合の話で、今回のようにjQueryオブジェクトのメソッドとして直接呼ぶ場合は
関係のない話のようでした。ちょっと、乱暴ですがダメ元で試しに>>256の例だと
<button type="button" aria-expanded="true" area-controls="hoge" onclick="$('#hoge').collapse('show');">開く</button>
<button type="button" aria-expanded="true" area-controls="hoge" onclick="$('#hoge').collapse('hide');">閉じる</button>
のようにもしてみましたがダメでした。
結論としては、教えていただいたように、DOM構築後のタイミングで
collapse()を一度コールしてやる方法が良いようです。
ただ、この初回コールでトグル動作をするので、開閉の初期値を、本来の希望する初期値
と反対にしておくようにしました。
262: 2014/11/13(木) 10:18:01.91 ID:m8mqDGI2(1)調 AAS
inputフォームが細くなってしまうのは何故なのか
263: 2014/11/14(金) 13:42:30.90 ID:??? AAS
そう指定されてるから
264: 2014/12/13(土) 06:05:34.33 ID:??? AAS
bootstrap3で、formの確認画面を表示するようにしたいのですがどうしたらいいですか？
具体的なコードを示して教えて頂けると助かります。
265: 名無しさん＠そうだ選挙に行こう 2014/12/13(土) 18:53:48.29 ID:??? AAS
サーバサイド何使ってるのん
つかphpでもなんでも、入力確認画面なんては単に別のページで受け取った値を埋め込むだけではないのかと
質問の真意が伝わってない悪寒
266: 2016/03/26(土) 09:59:48.89 ID:??? AAS
Bootstrap4は？
267(1): 2016/07/07(木) 17:37:11.78 ID:??? AAS
js側でbootstrap3でモーダルを閉じるときは
$(‘#modal_id’).modal(‘hide’) で閉じるというのはわかりましたが
modal_idが何かわからずとにかく閉じたい場合ってどう書けばいいでしょう？
268: 2016/07/07(木) 17:44:41.48 ID:??? AAS
>>267
すんません
$(‘.modal’).modal(‘hide’) でした。
269: 2017/11/13(月) 17:40:11.47 ID:??? AAS
rowクラス使ったらページの下部に余白ができるんだけど、これ何が原因なんだろう
270: 2017/12/30(土) 15:00:14.31 ID:YhlYw6jg(1)調 AAS
誰でも簡単にネットで稼げる方法など
参考までに、
⇒ 『半藤のブブイウイウレレ』 というサイトで見ることができます。
グーグル検索⇒『半藤のブブイウイウレレ』
9GSZ08KG46
271: 2018/02/20(火) 04:30:56.10 ID:??? AAS
☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆
272: 2018/11/22(木) 08:18:41.80 ID:??? AAS
もうBootstrap4使っても良いんじゃねぇ？
273: 2019/03/15(金) 14:46:54.90 ID:nXWvN92t(1)調 AAS
いいよ
274: 2019/07/31(水) 22:13:26.42 ID:KUiRITcq(1)調 AAS
2019年7月24日をもって、Bootstrap 3 のセキュリティアップデートは今後行われない。
サポート終了。
275: 2024/04/13(土) 23:41:24.95 ID:Zyo7/OpX(1)調 AAS
もうBootstrap5使っても良いんじゃねぇ？
276: 2024/11/21(木) 01:08:28.79 ID:??? AAS
3ならいいよ＾＾
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ
ぬこの手 ぬこTOP 0.790s*