dropdown bootstrap ...

เริ่มโดย itoom, 04 มีนาคม 2016, 11:26:18

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

itoom



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

ขอบคุณครับ

AlphabetZ

หมายถึง

class="dropdown-menu dropdown-menu-right"

รึเปล่าครับ

itoom

อ้างถึงจาก: AlphabetZ ใน 04 มีนาคม 2016, 16:04:09
หมายถึง

class="dropdown-menu dropdown-menu-right"

รึเปล่าครับ

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

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

O.o!!

#3

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

หลักก็อยู่ตรง pull-right ที่ใส่ไป ใน  dropdown-submenu

chanarit

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

p44n

ไม่แนะนำให้แก้ 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