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

よほどbootstrapが憎いんだろうな。
bootstrapとそのユーザへの攻撃で自分を保ってる。

そしてなぜかbootstrapとは違う厚さのSCSSが最強であると喚く。
あんた完全にぶっ壊れてるよ。

>>163
>>105-107
まだこの気狂い居るのかｗ

で、CSS/Sassスレでも立ててもらって、そっちでやればいいんじゃね？
bootstrapをわざわざ攻撃しに来ることないでしょ。
だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。

Sassはちゃんと設計してCSSを書くテクニックってのは分かってるから、
それはそれで別のところでやってくれればいいと思うよ。

>>163
お前に必要なのはこの文章
http://anond.hatelabo.jp/20130913224601

> だれもSassを否定していないのに、顔真っ赤でbootstrapを叩く理由がわからない。

bootstrapをディスりたいからだけど？
信者いる所でやらないと面白く無いっしょｗ

Bootstrapのメリットは
CSSを知らない人でも使えることだと思う。

>>170
それただの荒らしじゃない。
ついて出てくる理屈は薄っぺらいし、本当にbootstrapに家族殺されたんだね。同情するよ。

うわっわざとらしい自演だｗ

>>170
こんなフレームワークが開発中らしいよ。
属性を与える場所について講義してこなきゃ。

Semantic UI
http://semantic-ui.com/

書評: Web 制作者のための Sass の教科書
http://www.understandard.net/css/css016.html

×信者いる所でやらないと面白く無いっしょｗ
○信者いる場所でやらないと誰にも相手にしてもらえないんです(>_<

>>174
Bootstrapの
<button type="button" class="btn btn-primary btn-lg">
より、
<div class="ui large red labeled icon button">
の方が良い理由が分からん。
第一にこれボタンじゃないし。

>>177
できの悪い「Webサイトテンプレート」も似たようなのが多い。
h*やpなどの大部分が<div class="...">で表現されてたりする。

ボタンツクール
ttp://www.thiagocanudo.com.br/bootsbutton/

>>177
ですよね。

やっぱり最善は
<button type="button" class="ok-button">
みたいなものか




ほら、みんなこのコード読んで、
なんのボタンかわかっちゃったでしょ？

いい方法思いついた！

SCSSでBootstrapのクラスをwrapすればいいんだ！
これでみんな幸せ！！

オレ、頭イイ！！！

>>181
やっとそれがでたかｗ

上でヒントっぽいものはでていた気がするが。


でもそれは、classに値を入れていく方式は
間違っている（セマンティックではない）を
認めたことになるよ。

SCSSを使ってセマンティックに作っておけば、
後からBootstrapでないものに変えるのも楽なんだよね。

メンテナンス性とはこういうこと。

>>182
あとで変えるってアホじゃん

>>182
> やっとそれがでたかｗ
>
> 上でヒントっぽいものはでていた気がするが。
いやいや、さんざんSCSS,LESS使えって出てるじゃん。

> SCSSを使ってセマンティックに作っておけば、
セマンティック派としては、たとえばTwitterボタンが必要なとき、どうやるの？

> 後からBootstrapでないものに変えるのも楽なんだよね。
> メンテナンス性とはこういうこと。
メンテナンス性ってそういうことだけじゃないよ。
例えば、
・新しいブラウザが出たときにどこまで確認が必要か
・ブラウザの新しいバージョンが出たときにどこまで確認が必要か
・第三者がメンテナンスするときの学習容易性・変更容易性
・テスト工数
etc.

>>181
> SCSSでBootstrapのクラスをwrapすればいいんだ！
> これでみんな幸せ！！
そうかな。
OOP黎明期に派生が持ち上げられてたとき、それでみんな幸せになったかな？
OOCSS + SCSSって見た目実装継承、実際はコピペだし。

完全に冗談で言ったのに、大真面目に取られてちょっとびっくりしている…

>>186
だって既にあるしな。
それを知らんのはSCSSを知らんやつだけだろうなｗ

使いにくいBootstrap流のやり方をやめ
SCSS流のやり方で、Bootstrapのデザインだけ
かっぱらっていくｗ

こいつまだいるのか・・・

ずっといるよｗ
諦めな。

>>189
なんでこんなに気持悪い生き物が地球に居るんだろ。
クソみたいな親に育てられたんだろな。

こちらも荒らして欲しいってさｗ

Bootstrap
http://kohada.2ch.net/test/read.cgi/php/1379623411/

SCSSでオレオレBootstrap wrapper作る俺かっこいい

Bootstrap wrapperってほどのこともないな。

classにBootstrapのクラス名を打ち込む代わりに、

class=" セマンティックな名前” って書いて

セマンティックな名前 {
　@extend Bootstrapのクラス名
}

って書くだけで終わりだし。

ここの基地外が PHPフレームワーク総合 でもご迷惑をかけてるようで申し訳ありませんwwwwwwww
あの奇行種早く駆逐してくれよｗ

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.

http://www.flathemes.com/

OOCSSとかいう単語考えた奴は絶対オブジェクト指向理解してないと思う

Bootstrap Datetime Pickerを使って見てるんだけど、これのformatで曜日を表示するにはどうすればいい？
$('#datetimepicker1').datetimepicker({
format: 'yyyy年MM月dd日 hh:mm',
....
現在のformatが上記で最終的な表示を
2013年10月27日(日)とかにしたい。

>>197
javascript date formatで検索すると%aが曜日らしいから、試すといいんじゃない？

>>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
どの関数読めばいいのか分からん。
そして調べられない。
これを見ろ的なサイト or キーワード教えてくださいm(__)m

>>201
オライリーの比較的最近の
JavaScriptの本。

>>202
ちゃんと勉強しないとダメなのか。
サイの表紙のやつでOK?

それも含めて、何冊かよめ。

>>204
一冊開いてみたけど、やりたいこと実現するのに期日までに間に合いそうにないわ。まるで検討つかない。
諦めるわ。ありがとう。

ご愁傷さんｗ
それが現実だ。
自分の限界を知れてよかったな。

IE7でbootstarapのサイト開いて見たらTOP以外ムチャクチャなんだが
対応やめたと言ってもここまで派手に崩れるもんなの？
一応サイトは見れる、ぐらいにもできない？

>>207
IE8ならまだしもIE7に対応する道理なんて無いだろ? 捨てろ捨てろ。

対応しなくて良いから崩れないようにして欲しい

そんな無茶な

崩れないようにする＝対応するだろjk

完全に対応しなくて良いから、完全に無視もしないで欲しい
あそこまで派手に崩れないようにだけして欲しい

Bootstrapはよく知らないけどようはCSSでしょ？
そもそもCSSってのは文書構造と見た目を分離するものなんだからさ、

まず、Bootstrapを使っているHTMLから
全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。

その上で、Bootstrapの代わりに独自のCSSを
読みこめばいいだけじゃない？

昔はそうやってブラウザの機能やJavaScriptを使って
適用するスタイルシートを切り替えることで
同じページの見た目をがらっと変えるってことが
流行ったんだけどな。代替スタイルシートって機能。

>>213
> 全てのCSSを取り除いても、文書自体はちゃんと見れるはずだよね。

それを見れないなんて誰も言ってないよ。
「崩れてる」と言ってるだけで。

>>214
ちゃうちゃう

「崩れてる」のはHTMLにBootstrapのCSSをつけたのをIE7で見たときだろ

HTMLにCSSをつけないで「崩れてる」ならHTMLの問題

IE7で崩れないようにしたければ自分ですればーってことだろな

そうそう。単にクラスに
違うスタイルを割り当てればいいだけ。
そのためのCSSなんだしさ。

3からinput, textareaにform-controlクラスを付けないと装飾が付かなくなった件について
解決策ってまだない？
いちいち手動で付けるのはアホらしすぎる、ぐぐったら同様の問題が海外に何件か挙がってるが解決策が見つからない

>>219
Bootstrapなんか使うからじゃん。自業自得。

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

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

http://i.imgur.com/EkSCeSj.jpg

>>220
素直にLessと併用しろよ

ポストBootstrapみたいなのでないもんだね

Bootrapのグリッドシステムって960pxが最大値なんですが・・・
大抵のモニターは960pxより大きいのでスペースが無駄になります

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

.hidden-xs
.hidden-sm
.hidden-md

最強のフロントエンドエンジニアsasaplus1様だ！

>>224
カスタマイズすれば？

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

オブジェクト指向は愚かな考え。排便メソッドを実装した人間クラスから美少女クラスが作れない。
http://toro.2ch.net/test/read.cgi/tech/1393660194/14

>>228
マルチポスト

導入で役に立つ参考書を教えて下さい。

こんな進化が早いプロジェクトの本買ってもゴミだよｗ
オフィシャルサイトを見なさい。

よくある質問かもしれまんせが、
http://getbootstrap.com/examples/navbar-fixed-top/
のように固定ナビゲーションバーを表示した時に
スクロールバーがナビゲーションに被らないようにするにはどうすればいいでしょうか？

>>232
<body style=”padding-top: 40px">

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

Bootstrapは、決められたデザインを
そのまま使うものだから。

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

え？　そうなの？

英語のデザインの意味ならばフレームワークの仕組みをそのまま使うのは同意できるけど、
見た目の意味で言ってるなら好きにすればいいと思う。

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

Bootsrapで作られたものはみんな同じような見た目になる。
これは見た目をカスタマイズするように考慮されていないため。

>>238
むしろ逆だろ
カスタマイズしてないから同じになるんだけど・・・ｗ

カスタマイズするなら自分で作ったほうが速いよ。

>>240
速さだけが問題ではない。

その問題は、実は言えないから書かない。

日本語の解説少ない、あってもbootstrap2
解説少ないからカスタマイズとかまず無理

英語読めば良いじゃん。

bootstrap.min.cssの後に自分で作ったcss読み込んでも反映してくれない

bootstrap2を使ってるんだけど
formのtextareaとかに
スマホから入力してるとクソ重い

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

最新のスマホに買い換える

>>247
それってサイト利用者のこと考えてないやん

利用者のこと考えすぎてたら仕事にならない世の中じゃ、ポイズン

なんで2なんだよ

利用者のことを考えたら2を選択するしか無い

スレチ

bootstrap-selectってxml構文に対応してないのか
情報が見つからなかったが拡張子htmlにしてxml宣言外したら動いた…

そもそもxhtmlとxml構文のhtml5は別物なのね
お目汚し失礼をば

XHTMLは死にました。
タグは省略していいのです。
空要素なんてものは忘れなさい。余計な/は要りません。

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のここを直せとか
もっと別のところが間違ってるとかご指摘いただけんでしょうか

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

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

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

亀だから見てないかもしらんが

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

ああ、ってかドキュメントに書いてあるじゃん。aria-expandedじゃないの？
http://getbootstrap.com/javascript/#collapse

>>258-259
待ってましたよ。

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

試してみました。

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

inputフォームが細くなってしまうのは何故なのか

そう指定されてるから

bootstrap3で、formの確認画面を表示するようにしたいのですがどうしたらいいですか？
具体的なコードを示して教えて頂けると助かります。

サーバサイド何使ってるのん
つかphpでもなんでも、入力確認画面なんては単に別のページで受け取った値を埋め込むだけではないのかと
質問の真意が伝わってない悪寒

Bootstrap4は？

js側でbootstrap3でモーダルを閉じるときは
$(‘#modal_id’).modal(‘hide’) で閉じるというのはわかりましたが
modal_idが何かわからずとにかく閉じたい場合ってどう書けばいいでしょう？

>>267
すんません
$(‘.modal’).modal(‘hide’) でした。

rowクラス使ったらページの下部に余白ができるんだけど、これ何が原因なんだろう

誰でも簡単にネットで稼げる方法など
参考までに、
⇒　『半藤のブブイウイウレレ』 というサイトで見ることができます。

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

9GSZ08KG46

☆ 日本の、改憲を行いましょう。現在、衆議員と参議院の
両院で、改憲議員が３分の２を超えております。
『憲法改正国民投票法』、でググってみてください。国会の発議は
すでに可能です。平和は勝ち取るものです。お願い致します。☆☆

もうBootstrap4使っても良いんじゃねぇ？

いいよ

2019年7月24日をもって、Bootstrap 3 のセキュリティアップデートは今後行われない。
サポート終了。

もうBootstrap5使っても良いんじゃねぇ？

3ならいいよ＾＾