タグ

flexboxとgruntに関するboOMoveのブックマーク (1)

  • Bootstrap 4 alphaでCSS3のFlexboxを試す!

    Bootstrap 4 alphaが発表されましたが、その特長の1つとしてレイアウトシステムにcss3のFlexboxが選択できるオプションが加わったことが挙げられます。 早速試してみたいと思います。 まずは、「Bootstrap 4 alpha」の公式サイトからソースコードをダウンロード。node.jsで必要なファイルをインストール ソースコードは、「Getting Started」ページの「Download Source」からダウンロードできます。 ソースコードをダウンロードし終えたら、次にGruntでソースコードをビルドできるようにします。 「Build Tools」のページに行くと、ビルド方法が掲載されています。 Node.jsがインストールされていない方は、インストールします。 Macのターミナル等、コマンドラインでgrunt-cliをインストールします。 下記のコマンドを実行し

    Bootstrap 4 alphaでCSS3のFlexboxを試す!
  • 1