boostrapを使って自分の趣味をのせるサイトを作ろうと思いまして、こんな感じのプログラムを書きましたが、2つ解決できないことがあります
1つ...ナビゲーションのリンクが文字にしかかからない
2つ...ウィンドウサイズを小さくするとナビゲーションの並び方がおかしい?
アドバイスなどお願いします。
HTML
1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"/> 5<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/> 6<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/> 7</head> 8<body> 9<div class="container"> 10<div class="row"> 11 <div class="col-xs-12"><h1>ようこそ!</h1></div> 12</div> 13<div class="row"> 14 <div class="col-md-3"> 15 <a href="">リンク1</a> 16 </div> 17 <div class="col-md-3"> 18 <a href="">リンク2</a> 19 </div> 20 <div class="col-md-3"> 21 <a href="">リンク3</a> 22 </div> 23 <div class="col-md-3"> 24 <a href="">リンク4</a> 25 </div> 26</div> 27</div> 28</body> 29</html>
CSS
1.col-xs-12 { 2background-color: blue; 3} 4 5.col-md-3 { 6background-color: red; 7height: 50px; 8}
回答1件
あなたの回答
tips
プレビュー