Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > เขียนให้ container มีความกว้างที่เราต้องการกำหนดได้ยังไงคะ ช่วยทีค่ะ

เขียนให้ container มีความกว้างที่เราต้องการกำหนดได้ยังไงคะ ช่วยทีค่ะ

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

Because Love You

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

จากภาพค่ะ ต้องการจัดให้มี container กว้างแค่ 90% ของขนาดหน้าจอ และมี Header (head.png) แถบสีน้ำเงิน อยู่ข้างบน โดยระยะห่างซ้ายขวา เท่ากันในขอบเขตสีดำ

ต้องเขียน bootstrap ยังไงคะ รบกวนช่วยทีค่ะ

ขอบคุณค่ะ

Tag : PHP, HTML, CSS

ประวัติการแก้ไข
2018-08-30 17:16:22

Date : 2018-08-30 17:15:26

By : because

View : 2144

Reply : 3

No. 1

Tuii

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

ถ้าใน bootstrap 4 ลองเพิ่ม class mr-auto ml-auto ให้กับ Header ดูครับ

Date : 2018-08-30 17:25:00

By : Jatmentz

No. 2

Chaidhanan

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

บางอย่างก็ใช้ bootstrap ล้วนไม่ได้ ต้องใช้ css ช่วย
bootstrap ส่วนใหญ่จะควบคุม object เล็กได้ดี แต่ถ้าเป็น object ที่คงที่ใหญ่ๆ แล้ว ใช้ css ควบคุณเองดีกว่าครับ

Date : 2018-08-30 17:25:49

By : Chaidhanan

No. 3

Guest

Code (PHP)

<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
	<div class="row">
		<section style="background-color:#ceffce;height:100%;width:100%">
			<img src="https://i1.wp.com/www.sapanhin.com/wp-content/uploads/2017/08/cropped-banner-web-design.png?ssl=1" class="img-fluid img-responsive" alt="Generic responsive image" style="padding:20px"/>
		</section>
	</div>
</div>
</body>
</html>

Date : 2018-09-05 12:02:14

By : xman

ค้นหาข้อมูล

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

Re : เขียนให้ container มีความกว้างที่เราต้องการกำหนดได้ยังไงคะ ช่วยทีค่ะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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