thatsawan เขียน:ถ้าใช้ bootstrap มันมี <center>บลาๆๆ </center>
ไม่แน่ใจว่าทำถูกไหมคะ แต่ลองทดสอบดู โดยใส่ <center>... </center> ครอบ pagination ก็ยังไม่อยู่กึ่งกลางค่ะ แต่ขยับขึ้นไปติดขอบเว็บไซต์
โค้ด: เลือกทั้งหมด
<link rel = "stylesheet" type = "text/css" href = "style1.css" >
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<center>
<div class="pagination-toolbar clearfix text-center">
<ul>
<li class="pagination-start"><span class="pagenav">เริ่มต้น</span></li>
<li class="pagination-prev"><span class="pagenav">ก่อนหน้า</span></li>
<li><a href="" class="pagenav">1</a></li>
<li><a href="" class="pagenav">2</a></li>
<li><a href="" class="pagenav">3</a></li>
<li><a href="" class="pagenav">4</a></li>
<li><a href="" class="pagenav">5</a></li>
<li class="pagination-next"><a title="" class="hasTooltip pagenav" data-original-title="ต่อไป">ต่อไป</a></li>
<li class="pagination-end"><a title="" class="hasTooltip pagenav" data-original-title="สุดท้าย">สุดท้าย</a></li>
</ul>
</div>
</center>
<br/><br/>
<p class="counter">
หน้าที่ 1 จาก 2
</p>
ผลลัพธ์
เลยลองสร้างเมนูและเรียกใช้ bootstrap ดูก็ทำให้อยู่กึ่งกลางได้ปกติค่ะ
โค้ด: เลือกทั้งหมด
<link rel = "stylesheet" type = "text/css" href = "style1.css" >
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<center>
<ul class="nav nav-list">
<li class="active">
<a href="#">Home</a>
</li>
<li>
<a href="#">Profile</a>
</li>
<li>
<a href="#">Messages</a>
</li>
</ul>
</center>
ผลลัพธ์
อยากรู้ว่าหนูทำอะไรผิดไปหรือเปล่า
ขอบคุณค่ะ