Bootstrap基礎学習

3117 ワード

Bootstrapはグリッド構造に基づくフロントエンド構造フレームワーク(もちろんJS,JQueryもある)であり、その利点はコンテンツフレームワークが迅速に構築できることであり、メディアクエリーに基づいて構築されたページを迅速に異なるユーザー端に適応させることができ、携帯電話、タブレット、PCにかかわらず、基本的に適応することができ、もちろん新しいバージョンはすでにIE 6をサポートしていない.IE 8へのサポートも限られていて、結局IE 8はHTML 5へのサポートがあまりよくないので、(正直に言うと、私自身もIE 6~8が好きではありません.私のような初級選手にとって、互換性は時には骨が折れることがあります.プロジェクトだけでなく、面接でも使います.間違いはありませんか.出会ったら、インターネットで調べればいいのではないでしょうか.文句を言って、できるはずです.!)
余計なことを言わないで、自分のこの間のBSノートをまとめ始めました!
1.構造コンテンツにおいて、BSの構造コンテンツに対する制御は基本的にクラスによって制御され、例えば構造に対する制御は

div , col-md-4,col-xs-6 ; col ,md pc , xs , ;4,6 , 4 , 6 , div 12 , div 8 !
div , col-md-8 , text-muted. div , BS css , css text-muted, ,

2.构造の上で言い终わって、それではページの中の具体的ないくつかのコンポーネントについて言って、まずナビゲーションについて言って、もとは私达が自分でナビゲーションを作るのは1つの基本的な内连ulから构成します(以下cssはBSの中で実现することができます)、

  • W3cplus
  • Blog
  • CSS3
  • jQuery
  • PHP
  • しかしBSではnavというクラスが実現するが,navというクラスは他のクラスと併用してページ効果を発揮させる必要があり,例えばnav-pillsやnav-tabs,垂直ナビゲーションであればクラス名にnav-stackedを加える.
    
    
  • Home
  • CSS3
  • Sass
  • jQuery
  • Responsive
  • 3.ナビゲーションバーを話してからドロップダウンメニューについて話します.BSのドロップダウンメニューは、それが持参したjsファイルによって実現され、それ自体のjsはJQueryにも依存しているので、この2つのファイルは必須です.このドロップダウンメニューコードについては少し複雑で、buttonのdata-toggle=「dropdown」は外層のdivクラス名と同じでなければならない.
    
    
    
    

     4.フォームの話のようですが、Bootstrapフレームワークでは、クラス名`form-control`をカスタマイズします.つまり、これらの要素がクラス名「form-control」を使用すると、いくつかの設計上のカスタマイズ効果が実現します.
    
    
    メールアドレス:
    パスワード
    パスワードを覚える
    メールボックスへ
    以上が本文のすべてですが、お気に召していただければと思います