前提・実現したいこと
ulを左右中央に持ってきたいです。
発生している問題・エラーメッセージ
通常のulではulにtext-align: center;を、liにdisplay: inline-block;を加えることで
できるのですが、Bootstrapではそれができません。
どこを直せば良いのかわからず、ご教示を賜りたく存じます。
該当のソースコード
HTML
1<!doctype html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 6<script src="../../Downloads/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> 7<link href="bootstrap.min.css" type="text/css" rel="stylesheet"> 8<link href="sample.css" type="text/css" rel="stylesheet"> 9<title>無題ドキュメント</title> 10</head> 11<body> 12 <ul class="nav nav-pills"> 13 <li class="active"><a href="#tab1" data-toggle="pill">ハイチャウ区</a></li> 14 <li><a href="#tab2" data-toggle="pill">タインケー区</a></li> 15 <li><a href="#tab3" data-toggle="pill">ソンチャー区</a></li> 16 <li><a href="#tab4" data-toggle="pill">グーハインソン区</a></li> 17 <li><a href="#tab5" data-toggle="pill">リエンチェウ区</a></li> 18 <li><a href="#tab6" data-toggle="pill">カムレ区</a></li> 19 </ul> 20</body> 21</html>
CSS
1@charset "UTF-8"; 2/* CSS Document */ 3 4ul{ 5 text-align: center; 6} 7 8li{ 9 display: inline-block; 10}
試したこと
margin-leftとmargin-rightをautoにするなどいろいろ試してみましたがうまくいきませんで
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/31 03:13