skelton_css のテスト

 skelton css   test 

test with inner-contaier class…row and colum views

One-Half Columnのテスト、一つのラインに対して文字列数はどの程度まで許容されるのか

短い本文、Two Line?

実際の記述例が以下: one-half columns と one-half column を区別してる( columns と column では結果が異なる )

<div class="inner-container">
  <div class="row">
    <div class="one-half columns">テスト</div>
    <div class="one-half columns">TEST2</div>
  </div>
</div>



Inner-Container の中に文字を入れてみるテスト

1
Two?
Three?
Four?

≫ 文字挿入のテスト
One
Two?
Three?
Four?

記述例

<div class="inner-container">
  <div class="row">
    <div class="one columns">1</div>
    <div class="two columns">Two?</div>
    <div class="three columns">Three?</div>
    <div class="four columns">Four?</div>
  </div>
<BR>
≫ 文字挿入のテスト
<BR>
<div class="row">
    <div class="one columns">One</div>
    <div class="two columns">Two?</div>
    <div class="three columns">Three?</div>
    <div class="four columns">Four?</div>
  </div>
</div>



Oneテスト one-half..........................
Oneテスト one-half222222222222222222
One3333333333333333++++++++++3333333333333333333333333

記述例: one-half column の組み合わせ

<div class="inner-container">
  <div class="row">
    <div class="one-half column">テスト 長い文字列..</div>
    <div class="one-half column">テスト2 2222222222</div>
  </div>
  <div class="row">
    <div class="one-half column">テスト3 3333333333</div>
  </div>
</div>


@ @ @


TEST

@




次へ

前へ