2016-10-18 4 views
-1

同じ行に5つのブートストラップボタンが並べてあります。彼らはデスクトップ上でうまく見えます。 Screenshot-同じ行に複数のブーストラップボタンが配置されている場合の対応表示

enter image description here

しかし、小さなビューポートには、ボタンはライン間の任意の間隔せずに2つのラインの上に配置されています。その結果、彼らは奇妙に見えます。 Screenshot-

enter image description here

私は、彼らがそこにあるように、私はそれを作りたい

enter image description here

this-に似て見えるように、応答ビュー上のラインの間にいくつかの垂直方向の間隔を維持したいと思っています同じライン上のボタンの数または応答ビュー上のラインの総数にかかわらず、ライン間隔は常にそこにある。

ブートストラップでこれを行う方法はありますか?

おかげ

+0

あなたのコードがあるしたい場所このbutton{margin:10px;}は余裕を与える使用して? –

+1

この 'button {margin:10px;}を使って試してください。あなたはどこに余裕を持っているのですか?これを確認してください。https://jsfiddle.net/rzdcxgr5/ – parish

+0

@parishそれは働いていました。ソリューションをありがとう –

答えて

2

試みあなたは

チェックこのフィドル

jsfiddle.net/rzdcxgr5

関連する問題