私のフッターが揃わないだろう垂直

Question

私は私のli要素が同じ行にとどまる作るしようとしているが、彼らは（彼らが水平に揃えているが、それはそれについてです）はありません、次のように

コードは次のとおりです。

を ここ

<footer> 
    <div class="container"> 
     <div id="coisas" 
     class="col-6"> 
     <div class="row"> 
      <ul class="col-6"> 
      <li class="col-1"><img src="icon-behance.png"></li> 
      <li class="col-1"><img src="icon-behance.png"></li> 
      <li class="col-1"><img src="icon-behance.png"></li> 
      </ul> 
     </div> 
     <div id="nothing" 
     class="col-6"> 
     </div> 
    </div> 
    </footer> 

とは、CSSです：

#coisas { 
    float: right; 
    bottom: 0; 
    position: absolute; 
    size: 50%; 
    left: 0; 
    padding-left: 5%; 
    padding-right: 5%; 
} 
#nothing { 
    size: 50%; 
    right: 0; 
} 

Answer 1

私はあなたが何をしようとしてわからないんだけど、ブートストラップcol年代常にrow内にある必要があります。..

<footer> 
    <div class="container"> 
     <div class="row"> 
      <div id="coisas" class="col-6"> 
       <ul class="row list-unstyled"> 
        <li class="col-1"><img src="//placehold.it/40"></li> 
        <li class="col-1"><img src="//placehold.it/40"></li> 
        <li class="col-1"><img src="//placehold.it/40"></li> 
       </ul> 
       <div id="nothing" class="col-6"> 
       </div> 
      </div> 
     </div> 
    </div> 
</footer> 

http://codeply.com/go/ArVyBK4VU5

Answer 2

期待される結果を達成するために、オプション

0123の下に使用します

Codepen- https://codepen.io/nagasai/pen/vmdYNg

Answer 3

フロートプロパティは、ボックス（要素）はフロートするかどうかを指定します。 あなたが左にli要素をフロートした場合、彼らはあなたがこれを使用することができます1行にそれらを置くために、同じline.Soでのラインナップは以下となります。

#coisas ul li{ 
list-style-type:none; 
float:left; 
} 

list-style-type:none;プロパティは、リストの箇条書きを除去するためのものですアイテム。

あなたがここにCSS floatプロパティについての詳細を学ぶことができます。https://www.w3schools.com/cssref/pr_class_float.asp

Answer 4

は、それが今、あなたはここでそれを確認することができます解決し、あなたの問題を試してみました！

#coisas ul li{ 
    display:inline; 
} 

Demo