Bootstrapカラム間のマージン(余白・ガター)の仕組みをマスターする | 隣IT
３カラムレイアウトを枠付きで見てみよう まずはそれぞれの要素の配置をはっきりさせるため、上記の画像３カラムレイアウトのブロック要素(divとpタグ）に枠をつけてみました。 上記部分のコードは以下です。 <div class="container"> <div class="row"> <div class="col-md-4"> <h2>３カラム見出しテキスト</h2> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> <div class="col-md-4"> <h2>３カラム見出しテキスト</h2> テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト </div> <div class="col-md-4"> <h2>３カラム見出
Twitter Bootstrapのcontainer、row、col(span)の正しい使い方 -- ぺけみさお
Twitter Bootstrap 3.0.0のcontainer、row、col(Bootstrap 2.xならspan)クラスの使い方を説明する。公式サイトでも例示されているが、体系だった説明がされていないのでBootstrap初心者の役に立つはずだ。 1. containerは中身をセンタリングし幅を固定するcontainerクラスは中身を画面の中央に幅を固定するクラスだということを理解しよう。containerクラスはBootstrapのレイアウトを使う上でルートとなるクラスである。 2.で述べるcontainerクラスより幅の広いレイアウトをする場合を除いて、Webページのほとんどの内容をcontainerクラスの内部に書くことになるだろう。 containerクラスはWebページの中に複数個作っても全く構わない。また3.で詳しく述べるが、グリッドシステムを使わなくて良いのなら、
eslint-config-airbnbを守りたかった - Qiita
ESLint のルールに eslint-config-airbnb v5.0 を採用してみたけど、一部のルールが厳しかったという話です。 eslint-config-airbnb の設定 おそらく、一番デフォルトの全部入りの設定 Our default export contains all of our ESLint rules, including EcmaScript 6+ and React. It requires eslint and eslint-plugin-react. npm install --save-dev eslint-config-airbnb eslint-plugin-react eslint add "extends": "airbnb" to your .eslintrc no-param-reassign http://eslint.org/docs
アメーバのように泳ぐ油の粒を発見 | NHKニュース
生き物ではないのに、アメーバのように形を変えながら水中をひとりでに進む極めて小さな油の粒を、東京大学などの研究グループが発見しました。なぜ動くのかは分かっていないということで、動きを制御できるようになれば、水中で物質を運ぶ新たな手段になると期待できるということです。 顕微鏡を通して撮影した動画では、静止している水の中で、数十マイクロメートルほどの油の粒が、アメーバのように形を変えながら進む様子が確認できます。なぜ動くのかは分かっていませんが、研究グループでは、水に溶かした物質が油と反応するなどして粒の周囲に水の流れを作り、その勢いで動いているのではないかと推定しています。今後、油の粒が動くメカニズムの解明を進め、動きを制御できるようになれば、水中で狙った場所に物質を運ぶ新たな手段になることが期待できるということです。 研究グループの１人で、東京大学大学院の豊田太郎准教授は「この油の粒がアメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
