もうBootstrap3使っても良いんじゃねぇ?

1nobodyさん2013/08/21(水) NY:AN:NY.ANID:Qa7rnBrg
IE8以下に対応したきゃ、IE専用のCSS書けば良いじゃん。

220nobodyさん2013/12/28(土) 20:36:16.45ID:???
>>219
Bootstrapなんか使うからじゃん。自業自得。

Bootstrapはデザインの変更で
HTMLのclassを修正しまくる必要がある
CSSの設計方針とは正反対のフレームワーク。

それでも使いたいならSASSと併用しなよ。
Bootstrapは使ったことないというか、使う気ないから具体的にどうやるかはしらんけど
form-controlクラスをSASSで継承してinputやtextareaの
標準スタイルとして再定義してやれば、なにもつけずにデザイン適用されるんじゃねーの?

221nobodyさん2013/12/28(土) 22:17:28.48ID:???

222nobodyさん2013/12/29(日) 15:31:15.77ID:???
>>220
素直にLessと併用しろよ

223nobodyさん2013/12/31(火) 12:27:52.05ID:???
ポストBootstrapみたいなのでないもんだね

224nobodyさん2014/02/16(日) 20:11:49.76ID:Bo7kUdI7
Bootrapのグリッドシステムって960pxが最大値なんですが・・・
大抵のモニターは960pxより大きいのでスペースが無駄になります

特定の部分(広告など)はレスポンスシブではなく、ウィンドウが小さいときは表示されなくてもいいみたいに
することはできないのでしょうか?

225nobodyさん2014/02/17(月) 03:07:23.19ID:???
.hidden-xs
.hidden-sm
.hidden-md

226nobodyさん2014/02/17(月) 15:05:53.06ID:zRgSxE6S
最強のフロントエンドエンジニアsasaplus1様だ!

227nobodyさん2014/02/19(水) 17:19:56.10ID:???
>>224
カスタマイズすれば?

本来BootstrapってLessのライブラリだからな

228nobodyさん2014/03/01(土) 17:26:35.71ID:???
オブジェクト指向は愚かな考え。排便メソッドを実装した人間クラスから美少女クラスが作れない。
http://toro.2ch.net/test/read.cgi/tech/1393660194/14

229nobodyさん2014/03/01(土) 18:20:35.21ID:???
>>228
マルチポスト

230nobodyさん2014/03/06(木) 10:03:35.92ID:???
導入で役に立つ参考書を教えて下さい。

231nobodyさん2014/03/06(木) 21:12:25.88ID:???
こんな進化が早いプロジェクトの本買ってもゴミだよw
オフィシャルサイトを見なさい。

232nobodyさん2014/08/07(木) 17:45:55.59ID:???
よくある質問かもしれまんせが、
http://getbootstrap.com/examples/navbar-fixed-top/
のように固定ナビゲーションバーを表示した時に
スクロールバーがナビゲーションに被らないようにするにはどうすればいいでしょうか?

233nobodyさん2014/08/08(金) 22:05:23.21ID:DTjTXaEk
>>232
<body style=”padding-top: 40px">

234nobodyさん2014/08/11(月) 13:36:36.41ID:???
>>233
レス遅くなってスンマセン。。。
確かにそれでnavbarより下に表示されるけどスクロールバーは相変わらず一番上から表示されます
ただ他のアプリとか見るとそういうのばっかりだったんで、この件は現状ままにしておきます
失礼しました

235nobodyさん2014/08/11(月) 21:30:47.63ID:???
Bootstrapは、決められたデザインを
そのまま使うものだから。

デザインにこだわりがあるのなら
選んじゃいけないよ。

236nobodyさん2014/08/12(火) 10:45:41.25ID:???
え? そうなの?

237nobodyさん2014/08/13(水) 14:49:21.68ID:???
英語のデザインの意味ならばフレームワークの仕組みをそのまま使うのは同意できるけど、
見た目の意味で言ってるなら好きにすればいいと思う。

>>235はデザイン(設計)とアート(芸術)は区別しようね。

238nobodyさん2014/08/13(水) 14:54:59.18ID:???
Bootsrapで作られたものはみんな同じような見た目になる。
これは見た目をカスタマイズするように考慮されていないため。

239nobodyさん2014/08/13(水) 22:45:48.65ID:???
>>238
むしろ逆だろ
カスタマイズしてないから同じになるんだけど・・・w

240nobodyさん2014/08/14(木) 02:49:12.53ID:???
カスタマイズするなら自分で作ったほうが速いよ。

241nobodyさん2014/08/14(木) 03:35:19.69ID:???
>>240
速さだけが問題ではない。

242nobodyさん2014/08/14(木) 13:45:05.59ID:???
その問題は、実は言えないから書かない。

243nobodyさん2014/08/16(土) 16:49:35.35ID:???
日本語の解説少ない、あってもbootstrap2
解説少ないからカスタマイズとかまず無理

244nobodyさん2014/08/17(日) 05:47:13.24ID:???
英語読めば良いじゃん。

245nobodyさん2014/08/17(日) 14:35:32.87ID:idnxCvg6
bootstrap.min.cssの後に自分で作ったcss読み込んでも反映してくれない

246nobodyさん2014/08/19(火) 22:56:25.68ID:???
bootstrap2を使ってるんだけど
formのtextareaとかに
スマホから入力してるとクソ重い

皆はこういうのはどう対策してますか?

247nobodyさん2014/08/20(水) 02:16:36.42ID:???
最新のスマホに買い換える

248nobodyさん2014/08/20(水) 12:59:39.66ID:???
>>247
それってサイト利用者のこと考えてないやん

249nobodyさん2014/08/20(水) 18:26:20.16ID:???
利用者のこと考えすぎてたら仕事にならない世の中じゃ、ポイズン

250nobodyさん2014/08/21(木) 13:28:29.70ID:???
なんで2なんだよ

251nobodyさん2014/08/21(木) 23:02:32.40ID:???
利用者のことを考えたら2を選択するしか無い

252nobodyさん2014/08/22(金) 06:52:41.37ID:???
スレチ

253nobodyさん2014/09/11(木) 20:55:21.41ID:???
bootstrap-selectってxml構文に対応してないのか
情報が見つからなかったが拡張子htmlにしてxml宣言外したら動いた…

254nobodyさん2014/09/11(木) 22:30:38.64ID:???
そもそもxhtmlとxml構文のhtml5は別物なのね
お目汚し失礼をば

255nobodyさん2014/09/12(金) 21:40:14.11ID:???
XHTMLは死にました。
タグは省略していいのです。
空要素なんてものは忘れなさい。余計な/は要りません。

256nobodyさん2014/10/03(金) 10:59:33.53ID:hPtWdoD8
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のここを直せとか
もっと別のところが間違ってるとかご指摘いただけんでしょうか

257nobodyさん2014/10/30(木) 06:53:01.54ID:???
Bootstrapはコード上で組み合わせて使うテンプレートの一部みたいな使い方するなら、
クラス書きまくってもそんなに苦労するもんじゃないけどな
っていうか一度覚えりゃいちいちCSSとか用意しなくてもそれなりのデザインになるし、楽だわ

そもそもHTML文書自体、再利用向きのものではないから、
内容に一切変更なく大規模なデザインだけ修正を行う、みたいな事がまず発生しづらいし

去年ずっとファビョってた人は、なんつーかこう全角英数を見たら死ぬマとか、
タブとスペースインデントの違いに発狂するマみたいな感覚じゃないのかな
僕の考えた最強に綺麗なHTMLじゃないと許せない、みたいな人種も世の中には居るだろうし
なんとかとハサミは使いようってアレを理解してないなんとか

258nobodyさん2014/10/30(木) 07:49:04.40ID:???
亀だから見てないかもしらんが

>>256
https://github.com/twbs/bootstrap/blob/master/js/collapse.js
Collapseのドキュメントも読んでないしそもそも使用経験もないけど、
ざっと実装見た感じ、とりあえずreadyとかDOM構築後のタイミングで引数なし
でcollapse対象要素全部のcollapseメソッドコールしときゃ大丈夫になるんじゃね?
初回コール時にdataがなかったらそこで作ってるから、それ先に用意しときゃ回避できんじゃないの

259nobodyさん2014/10/30(木) 07:55:53.72ID:???
ああ、ってかドキュメントに書いてあるじゃん。aria-expandedじゃないの?
http://getbootstrap.com/javascript/#collapse

260nobodyさん2014/10/30(木) 08:49:09.38ID:8n2Zwhb7
>>258-259
待ってましたよ。

ありがとう。
該当のとこのドキュメント読んで試してみます。

2612602014/10/30(木) 11:03:46.48ID:8n2Zwhb7
試してみました。

まず、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()を一度コールしてやる方法が良いようです。
ただ、この初回コールでトグル動作をするので、開閉の初期値を、本来の希望する初期値
と反対にしておくようにしました。

262nobodyさん2014/11/13(木) 10:18:01.91ID:m8mqDGI2
inputフォームが細くなってしまうのは何故なのか

263nobodyさん2014/11/14(金) 13:42:30.90ID:???
そう指定されてるから

264nobodyさん2014/12/13(土) 06:05:34.33ID:???
bootstrap3で、formの確認画面を表示するようにしたいのですがどうしたらいいですか?
具体的なコードを示して教えて頂けると助かります。

265名無しさん@そうだ選挙に行こう2014/12/13(土) 18:53:48.29ID:???
サーバサイド何使ってるのん
つかphpでもなんでも、入力確認画面なんては単に別のページで受け取った値を埋め込むだけではないのかと
質問の真意が伝わってない悪寒

266nobodyさん2016/03/26(土) 09:59:48.89ID:???
Bootstrap4は?

267nobodyさん2016/07/07(木) 17:37:11.78ID:???
js側でbootstrap3でモーダルを閉じるときは
$(‘#modal_id’).modal(‘hide’) で閉じるというのはわかりましたが
modal_idが何かわからずとにかく閉じたい場合ってどう書けばいいでしょう?

268nobodyさん2016/07/07(木) 17:44:41.48ID:???
>>267
すんません
$(‘.modal’).modal(‘hide’) でした。

269nobodyさん2017/11/13(月) 17:40:11.47ID:???
rowクラス使ったらページの下部に余白ができるんだけど、これ何が原因なんだろう

270nobodyさん2017/12/30(土) 15:00:14.31ID:YhlYw6jg
誰でも簡単にネットで稼げる方法など
参考までに、
⇒ 『半藤のブブイウイウレレ』 というサイトで見ることができます。

グーグル検索⇒『半藤のブブイウイウレレ』

9GSZ08KG46

新着レスの表示
レスを投稿する