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

IE8以下に対応したきゃ、IE専用のCSS書けば良いじゃん。

>>151

これを使えばいいのか、ありがとう。

input要素のサイズがグリッドカラムでしか指定できないのはさすがに嫌すぎなので
2にあったinput-*は自前で追加した

>>152
Bootstrapを超えるものが既にあるのに
なんでBootstrapを使うのって話じゃん。

Bootstrapを超えるものって何？

>>156
sass（cssの拡張版）＋compass（クロスブラウザフレームワーク、グリッドなどあり）

用意されたものを使えるのは当然の事、
さらに自分で拡張できる。

>>147
> 大規模サイトにおける本当は怖いCSSの話

26ページのオブジェクトタイプ・・・未使用ってのが
重要なところだね。

25ページより

オブジェクトタイプ
・CSSファイルを触らずに開発できる
・コピペで開発できる
デメリット
・CSS設計にスキルを要する
・CSS修正による影響予測が困難。

これ、Bootstrapのことだよね・・・

Bootstrapの問題点は簡単にいえば
メンテナンス性が低いということ。

目的のものを作るに時間がかかる。

>>159
それはお前の脳みそがメンテナンスされてないから。

>>155
あれ見落としてたかなー
Bootstrapを比較に持ち出してる記事なんてそのページのどこにあるんだろう？

出先でモックアップを作るのに良いサイトを探してるんですがお勧めはありませんか？
2.x/3.x切り替えとキーボードショートカットに対応してたら最高です

https://jetstrap.com/
http://bootply.com/
http://www.layoutit.com/

この辺は見てみました

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ボタンを変更してくれなんて依頼がきてもわずかの修正で対応できる。

世界中でお前だけだぞ、んなこと言ってんのw

彼はBootstrapに家を流され家族を殺されたんだ
しょうがないさ

よほど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を選択するしか無い

スレチ