ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: dropdown bootstrap ...  (อ่าน 1188 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
itoom
ก๊วนเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด
« เมื่อ: 04 มีนาคม 2016, 11:26:18 »



จากรูปครับ
พอดีทำเว็บแล้วเรียก dropdown จาก bootstrap มาใช้งาน เวลากดแล้วเมนูมันขึ้นด้านล่าง อยากจะแก้ไขให้ ขึ้นไปอยู่ด้านขวา ต้องแก้ไขใน css. ของ Bootstrap
ใครที่ใช้ Bootstrap ช่วยแนะนำทีนะครับ ผมหาจนตาลายแล้วไม่ได้สักทีครับ
รบกวนแนะนำด้วยนะครับ

ขอบคุณครับ
บันทึกการเข้า

AlphabetZ
ก๊วนเสียว
*

พลังน้ำใจ: 28
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด
« ตอบ #1 เมื่อ: 04 มีนาคม 2016, 16:04:09 »

หมายถึง

โค๊ด:
class="dropdown-menu dropdown-menu-right"

รึเปล่าครับ
บันทึกการเข้า
itoom
ก๊วนเสียว
*

พลังน้ำใจ: 7
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด
« ตอบ #2 เมื่อ: 05 มีนาคม 2016, 11:53:41 »

หมายถึง

โค๊ด:
class="dropdown-menu dropdown-menu-right"

รึเปล่าครับ

ลองแล้วก็ไม่ได้คับ

ไม่รู้ว่าจะต้องแก้ใน css. หรือ js. ของ bootstrap รึป่าวครับ
บันทึกการเข้า

O.o!!
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 237
ออฟไลน์ ออฟไลน์

กระทู้: 1,432



ดูรายละเอียด
« ตอบ #3 เมื่อ: 05 มีนาคม 2016, 12:01:42 »


ตามนี้  http://jsfiddle.net/szx4Y/942/  ลองแกะโค๊ดดูต่อครับ

หลักก็อยู่ตรง pull-right ที่ใส่ไป ใน  dropdown-submenu
« แก้ไขครั้งสุดท้าย: 05 มีนาคม 2016, 12:02:05 โดย O.o!! » บันทึกการเข้า
chanarit
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 68
ออฟไลน์ ออฟไลน์

กระทู้: 649



ดูรายละเอียด
« ตอบ #4 เมื่อ: 05 มีนาคม 2016, 12:05:35 »

คลาส .dropdown-menu ในไฟล์ bootstrap.min.css ให้ใส่ left:100%; แทน top:100% ลองดูครับ
บันทึกการเข้า

p44n
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 105
ออฟไลน์ ออฟไลน์

กระทู้: 676



ดูรายละเอียด
« ตอบ #5 เมื่อ: 05 มีนาคม 2016, 17:05:42 »

ไม่แนะนำให้แก้ css ของ bootstrap ครับ ต้อง override class เพื่อแก้ไขตามแบบที่เราต้องการ ในไฟล์ css ของเราจะดีกว่า

ยกตัวอย่าง override css ของ button ที่ต้องการเปลี่ยน background จากเดิมสี primary คือ น้ำเงิน ให้เป็นสีแดง

<button class="btn btn-primary btn-primary-red">Submit</button>

.btn-primary-red{background:red}

บันทึกการเข้า

Python, PHP OOP, MVC CodeIgniter, MongoDB, MySQL, MsSQL ,CSS Tableless, Responsive Design, Cross-platform, Javascript, jQuery, AngularJS, NodeJS,  Fackbook API, Paypal API, Omise API, Google Map API, C# Window Applications, .NET Framework, JAVA (Android Developer, JSP), Hybrid Application with Cordova + Ionic Framework, ReactJS, React Native
หน้า: [1]   ขึ้นบน
พิมพ์