垂直リスト

Question

はどういうわけか、マテリアルデザインLiteは唯一のドキュメントに水平ラジオボタンの例を示します：あなたがモバイルになりたい場合はhttps://getmdl.io/components/index.html#toggles-section/radio

は、これは十分ではありません、そして、あなたのラベルの長さは、いくつかの言葉です。

とにかくここcodepenです：http://codepen.io/anon/pen/oBKPeY

私は<br>でアイテムを分離しようとしたと<p>でそれらをラップするが、それは解決しません。私はいくつかの忍者のCSSのトリックはそれを解決することができると思います。

Answer 1

私が正しくあなただけで、モバイルデバイス上でmdl-radioのためにあなたのスタイルルールを改訂することができ、あなたを理解していた場合：

.mdl-radio { 
    position: relative; 
    font-size: 16px; 
    line-height: 24px; 
    display: block; 
    vertical-align: middle; 
    box-sizing: border-box; 
    height: 24px; 
    margin: 0; 
    padding-left: 0; 
    margin-bottom: 32px; 
} 

お知らせdisplay: block & margin-bottom: 32px。