フッターを作成する方法

Question

フッターを作成する際に、ブートストラップに関する簡単な質問がありましたが、何らかの理由でそれができないようですが、このフッターをモバイル用などのために作成するのに役立ちます。

これまでのところ、私が持っている：

ない私はこれに新しい、やるべきことかわから：助けを0

おかげ

Answer 1

あなたが探しているものはどんな種類のものなのでしょうか？しかし、あなたが探している場合は、左右のセクションがあり、モバイルサイズのスタックでより見やすくすることができますここで

あなたの結果Fiddle Demo

<footer> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-sm-8 footer-left"> 
     <img class="footer-logo" src="http://placehold.it/250x250" /> 
     <a href="#">Link</a> 
     <a href="#">Link</a> 
     <a href="#">Link</a> 
     <a href="#">Link</a> 
     </div> 
     <div class="col-sm-4 footer-right"> 
     <a class="fa fa-facebook" href="#"></a> 
     <a class="fa fa-twitter" href="#"></a> 
     <a class="fa fa-instagram" href="#"></a> 
     </div> 
    </div> 
    </div> 
</footer> 

で応答性のCss

@media screen and (min-width:768px){ 
    .footer-right{text-align:right;} 
} 
@media screen and (max-width:767px){ 
    .footer-left, .footer-right{text-align:center;} 
    .footer-logo{display:block;margin:5px auto;} 
} 

を表示するにはフィドルがされています。次のような何かを行います0

Answer 2

をあなたのHTMLを構築する方法の例を与えるために：

footer{ 
 
    background-color:yellow; 
 
}

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container-fluid"> 
 
    <footer class="col-sm-12"> 
 
     <div class="row"> 
 
     <p class="col-sm-6 pull-left">Left content</p> 
 
     <p class="col-sm-6 pull-right">Right content</p> 
 
     </div> 
 
    </footer> 
 
</div>

ブートストラップグリッドシステムについて学ぶ

：http://getbootstrap.com/css/#grid

シンプルなブートストラップ・レイアウトここで

Answer 3

はあなたの不足している要素の作業jsfiddleです：https://jsfiddle.net/odx59t0p/

​​

ご注意：それだけの事を以下が追加されました：

（あなたはすでにあなたの頭のタグを持っている必要があります）に必要なCSS/JSファイルへの
1. リンク
2. 「ナビゲーションバーテキスト」にする
3. メニュー項目の周りのdiv要素に「COL-SM- *」のクラスを「行」クラス。