Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > แก้ bootstrap อยากเปลี่ยสีตัวอักษร พึ้นหลัง เมนู หรือเมือเอาเมาส์ชี้แล้วเปลี่ยนเป็นสีที่เราต้องการ

แก้ bootstrap อยากเปลี่ยสีตัวอักษร พึ้นหลัง เมนู หรือเมือเอาเมาส์ชี้แล้วเปลี่ยนเป็นสีที่เราต้องการ

เริ่มหัวข้อใหม่

Jantarada

โพสกระทู้ ( 0 )
บทความ ( 0 )

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<body>
<div class="container-fluid" style="background-color:#F44336;color: #30F;">
<h1>MindPHP</h1>
<h3></h3>
</div>

<nav class="navbar navbar-inverse" data-spy="affix" data-offset-top="197">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Content</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>

<div class="container-fluid" style="height:1000px">
<h1>Product 1</h1>
<h1>Product 2</h1>
<h1>Product 3</h1>
<h1>Product 4</h1>
<h1>Product 5</h1>
<h1>Product 6</h1>
<h1>Product 7</h1>
<h1>Product 8</h1>
<h1>Product 9</h1>
<h1>Product 10</h1>
<h1>Product 11</h1>
</div>

</body>
</html>

จากตัวอย่างนี้ ผมอยาก แก้ตัวหนังสือ navbar เมนู ให้มีขนาดใหญ่ขึ้น เปลี่ยนสี ตัวอักษร และ ปรับ เมนูให้มาอยู่กึ่งกลาง หรือด้านขวา เปลี่ยนสี เมนู ต้องทำอย่างไรครับ (bootstrap 3)

Tag : PHP

Date : 2019-05-02 15:10:01

By : Jantarada

View : 3243

Reply : 1

No. 1

Chaidhanan

โพสกระทู้ ( 9,559 )
บทความ ( 2 )

ศึกษาเรื่อง css และการอ้าง object event ของ css

อยากกำหนดอะไรเมื่อไหร่ ก็ว่ากันตามต้องการเลย แค่ต้องอ่านคู่มือเท่านั้น
พอรู้แล้วก็ใช้ได้ยาวเลย

Date : 2019-05-02 17:41:13

By : Chaidhanan

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : แก้ bootstrap อยากเปลี่ยสีตัวอักษร พึ้นหลัง เมนู หรือเมือเอาเมาส์ชี้แล้วเปลี่ยนเป็นสีที่เราต้องการ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 00

Registered : 109,027

No. 1

ค้นหาข้อมูล

อัพโหลดแทรกรูปภาพ

Notice