タグ

bootstrapに関するmurasukeのブックマーク (6)

  • スナック「jQuery」 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ……あら、いらっしゃい。 若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。 何飲む? ……水割り? わかったわ。 じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。 What is jQuery? この店――『jQuery』がオープンしたのって、2006年なんだけどさ。その頃の、この街の様子って覚えてる? ……知らないか。あなた、まだ若いもんね。その頃って、そりゃあヒドイもんだったのよ。 その頃、シェア率トップだったブラウザって、もちろ

    スナック「jQuery」 - Qiita
    murasuke
    murasuke 2020/05/07
    ライブラリからフレームワークに移り変わった。ライブラリを組み込むのは自己責任的なので、相性惡くても使いどころはあると思う。
  • とほほのBootstrap 4入門 - はじめに - とほほのWWW入門

    このページは「Bootstrap 4.2.1」について説明しています。Bootstrap 3 については、「Bootstrap 3入門」を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発されました。 最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。 現時点(2018年12月30日)の最新バージョンは 4.2.1 です。 Bootstrap 2, Bootstrap 3, Bootstrap 4 では一部互換性の無い機能があります。 Chrome 45 / Firefox 38 / IE 10 / Edge 12 / Safari 9 / Opera 30 / iOS 9

  • Bootstrap 4で固定ヘッダーと固定フッターを設定する簡単な方法 | まろりかの自由帳

    たくさんのWebサイトで採用されている固定ヘッダーや固定フッターをBootstrap 4を用いて簡単に実現する方法を紹介します。 固定ヘッダーと固定フッターを設定するにはHTMLCSS、場合によってはJavaScriptの知識が必要になるので、想像以上に設定が難しいものですが、 Bootstrap 4を利用すればHTMLタグにclassを追加するだけ固定ヘッダーと固定フッターを簡単に設定できます。 Bootstrap 4の利用を前提としているので、まだ準備ができていない人は以下のページを参考にしてください。 https://www.marorika.com/entry/setting-bootstrap 固定ヘッダー、固定フッターとは 固定ヘッダーとは 固定ヘッダーとは、Webページの上部に固定されているヘッダーのことを言います。 スクロールしても上部に固定され続け、隠れずに残った状態と

    Bootstrap 4で固定ヘッダーと固定フッターを設定する簡単な方法 | まろりかの自由帳
  • 【Bootstrap 4 入門】初心者は2つの使い方を覚えるだけでかなり便利にBootstrapを使えるようになる | まろりかの自由帳

    Webフレームワークとして人気であるBootsrapをみなさん使いこなしているでしょうか。 先日、Bootstrapが正式にバージョン4にアップグレードされました。 まだBootstrapを使ってない人は、正式なメジャーバージョンが発表された今のタイミングに使い始めてみてはいかがでしょうか。 私自身はBootstrapはバージョン3から利用しています。 今となってはBootstrapを使いこなせるようになりましたが、最初は使い方がわからず効率的ではありませんでした。 今回は、Bootstrapを使いこなせていない人に向けてまずは覚えた方が良い2つ使い方について紹介します。 たった2つの使い方を覚えるだけで、Bootstrapがどれだけ便利かがわかると思います。 Bootstrapとは BootstrapとはWeb部品の集まりを提供するフレームワークで、CSSJavaScriptの詳しい知

    【Bootstrap 4 入門】初心者は2つの使い方を覚えるだけでかなり便利にBootstrapを使えるようになる | まろりかの自由帳
  • 【入門】Bootstrap4の導入方法から使い方までを徹底解説!

    Buttons フォームを使えば、必ずボタンがあります。フォームでなくとも、ページ遷移のボタンなどボタンを作る機会は多いでしょう。フォームで使う場合は、以下のボタンを使って下さい。 [code lang=”html”] <input class=”btn btn-primary” type=”submit” value=”Submit”> <input class=”btn btn-primary” type=”reset” value=”Reset”> [/code] このボタンは大きさも調整できます。 もし大きいサイズのボタンを作る場合は、クラス内に「btn-lg」を追加して下さい。 [code lang=”html”] <button type=”button” class=”btn btn-primary btn-lg”>Large button</button> [/code]

    【入門】Bootstrap4の導入方法から使い方までを徹底解説!
    murasuke
    murasuke 2019/11/14
    “<div class="row"> <div class="col-4"> 要素1 </div> <div class="col-4"> 要素2 </div> <div class="col-4"> 要素3 </div> </div><div class="row"> <div class="col-4"> 要素4 </div> <div class="col-4"> 要素5 </div> <div class="col-4"> 要素6 </div> </div>”
  • Bootstrap 4が全然盛り上がってないから試した → 思ったより良かった - Qiita

    Bootstrap4が正式リリースした 2018年あけおめムードも落ち着いて来た頃、つい先日(2018/01/18)にBootstrap4が正式リリースの声明を発表した。 ・ありがたいお言葉 https://blog.getbootstrap.com/2018/01/18/bootstrap-4/ ・公式 https://getbootstrap.com/ 全然盛り上がってない気がしてウケた 今やマテリアルデザインのCSSフレームワークなんて充実しまくってるし、選択肢はいくらでもあるし、今更Bootstrapなんて選ぶかよって感じですよ。 正直、筆者も永遠にBeta版なのかと思ってちっとも触ってなかった。 もっと言うとv4 alphaを取り込んでるサイトもちょいちょいあるし、だったら3.3.7でいいよねって思ってた。 中途半端に「マテリアルデザインっぽくしました!」感も否めないし、、、。

    Bootstrap 4が全然盛り上がってないから試した → 思ったより良かった - Qiita
  • 1