คำถามติดแท็ก twitter-bootstrap

รูปแบบง่าย ๆ : <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> <td>ฉันจำเป็นต้องตั้งค่าความกว้างคงที่สำหรับ ฉันได้พยายาม: tr.something { td { width: 90px; } } ด้วย td.something { width: 90px; } สำหรับ <td class="something">B</td> และแม้กระทั่ง <td style="width: 90px;">B</td> แต่ความกว้างของ<td>ยังคงเหมือนเดิม

513 css  twitter-bootstrap  width  html-table 

คุณเลือกที่จะใช้Stack Overflow ในแบบของคุณ : Чтотакое Bootstrap? มีคำถามมากมายที่เกี่ยวข้องกับ Bootstrap ฉันเห็นผู้คนมากมายใช้มัน ดังนั้นฉันจึงพยายามค้นคว้าและพบเว็บไซต์ Bootstrap อย่างเป็นทางการแต่มีเพียงส่วนดาวน์โหลดและไม่กี่คำหลังจากนั้น ไม่มีอะไรที่อธิบายว่ามันคืออะไรสำหรับ ... ฉันเพิ่งเข้าใจว่ามันเป็นผู้ช่วย front-end ฉันพยายามค้นหาบางสิ่งด้วย Googling แต่ไม่พบสิ่งใดที่เจาะจง ทุกสิ่งที่ฉันพบเกี่ยวข้องกับคำนิยามด้านวิทยาศาสตร์คอมพิวเตอร์ ดังนั้นคำถามของฉันคือ: Bootstrap คืออะไร? ใช้สำหรับอะไรและช่วยพัฒนาส่วนหน้าได้อย่างไร ฉันต้องการรายละเอียดเพิ่มเติมอธิบาย

512 html  css  twitter-bootstrap  frontend 

เพิ่งดาวน์โหลด 3.1 และพบในเอกสาร ... เปิดรูปแบบตารางใด ๆ ความกว้างคงเป็นรูปแบบเต็มความกว้างโดยการเปลี่ยนนอกสุดของคุณจะ.container.container-fluid มองในbootstrap.cssก็ปรากฏว่าเป็นเหมือน.container-fluid .containerทั้งคู่มี CSS เหมือนกันและทุกอินสแตนซ์ของ.container-fluidจะถูกจับคู่กับ.containerและคลาสคอลัมน์ทั้งหมดจะถูกระบุเป็นเปอร์เซ็นต์ เมื่อ twiddling ด้วยตัวอย่างฉันไม่เห็นความแตกต่างใด ๆ ขณะที่ฉันยังใหม่กับ Bootstrap ฉันคิดว่าฉันขาดอะไรไป ใครซักคนใช้เวลาสักครู่และสอนฉัน

509 twitter-bootstrap  twitter-bootstrap-3 

วิธีการเพิ่มระยะขอบด้านบนให้กับclass="row"องค์ประกอบโดยใช้กรอบ bootstrap twitter?

483 css  twitter-bootstrap 

ฉันมีตัวอย่างง่ายๆที่นี่: http://jsfiddle.net/HdeZ3/1/ <ul> <li>One <input class="btn pull-right" value="test"></li> <li>Two <input class="btn pull-right" value="test2"></li> </ul> ฉันมีรายการที่ไม่ได้เรียงลำดับและสำหรับรายการแต่ละรายการฉันต้องการให้ข้อความทางด้านซ้ายแล้วปุ่มจัดตำแหน่งทางขวา ฉันพยายามใช้ pull-right แต่มันทำให้การจัดแนวนั้นยุ่งเหยิงไปหมด ผมทำอะไรผิดหรือเปล่า?

452 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-2 

ฉันกำลังทำเว็บไซต์ bootstrap โดยใช้ 'Modals' สองสาม Bootstrap ฉันกำลังพยายามปรับแต่งคุณสมบัติเริ่มต้นบางอย่าง ปัญหาคือสิ่งนี้ คุณสามารถปิดคำกริยาโดยคลิกที่พื้นหลัง อย่างไรก็ตามมีการปิดใช้งานคุณลักษณะนี้หรือไม่ เกี่ยวกับ modifc modals เท่านั้น? Bootstrap หน้า modal

440 javascript  css  twitter-bootstrap  modal-dialog 

ฉันสับสนกับระบบกริดใน Bootstrap ใหม่โดยเฉพาะคลาสเหล่านี้: col-lg-* col-md-* col-xs-* (โดยที่ * หมายถึงบางหมายเลข) ทุกคนสามารถอธิบายได้ดังต่อไปนี้: อย่างไรตัวเลขที่อยู่ในการจัดตำแหน่งกริด? อย่างไรใช้ตัวเลขเหล่านี้ สิ่งที่พวกเขาเป็นตัวแทนจริง ๆ ?

439 css  twitter-bootstrap  twitter-bootstrap-3  grid 

ในBootstrapวิธีที่เป็นมิตรกับแพลตฟอร์มที่สุดในการสร้างแถบการนำทางที่มีโลโก้ A อยู่ทางซ้ายรายการเมนูที่อยู่ตรงกลางและโลโก้ B ทางด้านขวา นี่คือสิ่งที่ฉันได้ลองมาแล้วและมันก็อยู่ในแนวเดียวกันเพื่อให้โลโก้ A อยู่ทางซ้ายรายการเมนูถัดจากโลโก้ด้านซ้ายและโลโก้ B ทางด้านขวา <div class="navbar navbar-fixed-top navbar-custom "> <div class="container" > <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><span class="navbar-logo">Logo_A</span></a> </div> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li> <li><a href="#about">Menu Item 1</a></li> …

437 html  css  twitter-bootstrap  bootstrap-4  navbar 

ฉันมีกล่องโต้ตอบ modal bootstrap ที่ฉันต้องการแสดงเริ่มแรกจากนั้นเมื่อผู้ใช้คลิกที่หน้ามันจะหายไป ฉันมีดังต่อไปนี้: $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Error:</h3> </div> <div class="modal-body"> <p>Please correct the following errors:</p> </div> </div> </div> คำกริยาจะปรากฏขึ้นครั้งแรก แต่จะไม่ปิดเมื่อคลิกที่ด้านนอกของคำกริยา นอกจากนี้พื้นที่เนื้อหาไม่ได้เป็นสีเทา .. ฉันจะทำให้ modal แสดงได้อย่างไรจากนั้นปิดหลังจากที่ผู้ใช้คลิกนอกพื้นที่? และฉันจะทำให้พื้นหลังเป็นสีเทาเหมือนในตัวอย่างได้อย่างไร

432 jquery  twitter-bootstrap  modal-dialog 

ฉันทำแคตตาล็อกโดยใช้ Bootstrap 3 เมื่อแสดงบนแท็บเล็ตภาพผลิตภัณฑ์ดูน่าเกลียดเพราะขนาดเล็ก (500x500) และความกว้าง 767 พิกเซลในเบราว์เซอร์ ฉันต้องการที่จะวางภาพในใจกลางของหน้าจอ แต่ด้วยเหตุผลบางอย่างที่ฉันไม่สามารถ ใครจะเป็นผู้ช่วยแก้ปัญหา?

423 html  css  image  twitter-bootstrap  alignment 

ฉันสับสนเกี่ยวกับตัวเลือกต่าง ๆ ในตาราง bootstrap twitterและวิธีที่พวกเขาไปด้วยกัน จะเริ่มต้นด้วยคุณสามารถมีสามัญคงที่หรือcontainercontainer-fluid จากนั้นคนใดคนหนึ่งสามารถรวมทั้งสามัญหรือแถวของเหลวrow row-fluidนั่นคือคุณสามารถมีภาชนะคงที่ที่มีแถวของไหลหรือภาชนะของของไหล ... กับแถวคงที่หรือไม่? จากนั้นคุณสามารถรวมข้อความค้นหาสื่อ 'ตอบสนอง' หรือไม่ก็ได้ ฉันสับสนว่าสิ่งเหล่านี้มีปฏิกิริยาต่อกันอย่างไร แต่ขอเริ่มด้วยตัวอย่างที่ชัดเจน ในหน้าตัวอย่างนั้นมีสิ่งที่แสดงเป็นตัวอย่างของทั้งกริดคงที่และกริดฟลูอิด อย่างไรก็ตามในเบราว์เซอร์ของฉันในหน้าตัวอย่างนั้น - กริดทั้งสองทำงานเหมือนกัน อาจเป็นเพราะหน้าตัวอย่างใช้คิวรีสื่อที่ตอบสนองต่อการเลือกหรือไม่ ในตัวอย่างกริดทั้งสองถ้าฉันเริ่มค่อยๆลดขนาดหน้าต่างเบราว์เซอร์ของฉันองค์ประกอบกริดจะไม่แคบลงเรื่อย ๆ เมื่อถึงความกว้างของขอบเขตที่แน่นอน (ตอบสนอง) พวกมันจะมีขนาดเล็กลง แต่ทั้งสองตัวอย่าง 'คงที่' ธรรมดาและตัวอย่าง 'ของเหลว' ทำตัวเหมือนกันตรงนี้ - แล้วห่าอะไรคือความแตกต่าง?

399 twitter-bootstrap  responsive-design  fluid-layout  fixed-width 

ฉันต้องการใช้ Navbar เริ่มต้น Bootstrap 3 พร้อมโลโก้รูปภาพแทนการสร้างแบรนด์ข้อความ วิธีที่เหมาะสมในการทำเช่นนี้คืออะไรโดยไม่ทำให้เกิดปัญหากับขนาดหน้าจอที่แตกต่างกัน ฉันถือว่านี่เป็นข้อกำหนดทั่วไป แต่ฉันยังไม่เห็นตัวอย่างโค้ดที่ดี ข้อกำหนดสำคัญอื่น ๆ นอกเหนือจากการแสดงผลที่ยอมรับได้ในทุกขนาดหน้าจอคือการยุบเมนูบนหน้าจอขนาดเล็ก ฉันพยายามใส่แท็ก IMG ไว้ในแท็ก A ที่มีระดับแบรนด์ navbar แต่นั่นทำให้เมนูไม่สามารถทำงานได้อย่างถูกต้องบนโทรศัพท์ Android ของฉัน ฉันยังพยายามเพิ่มความสูงของคลาส navbar แต่นั่นทำให้สิ่งต่าง ๆ แย่ลงไปอีก อย่างไรก็ตามรูปโลโก้ของฉันมีขนาดใหญ่กว่าความสูงของแถบนำทาง

376 css  twitter-bootstrap  twitter-bootstrap-3  navbar 

ฉันใช้ Bootstrap 3 เพื่อสร้างเค้าโครงตอบสนองที่ฉันต้องการปรับขนาดตัวอักษรไม่กี่ตามขนาดหน้าจอ ฉันจะใช้คิวรีสื่อเพื่อสร้างตรรกะชนิดนี้ได้อย่างไร

371 css  twitter-bootstrap  media-queries 

ฉันต้องการมี 5 คอลัมน์เท่ากันในหน้าฉันกำลังสร้างและฉันไม่สามารถเข้าใจได้ว่ามีการใช้กริด 5 คอลัมน์ที่นี่ได้อย่างไร: http://web.archive.org/web/20120416024539/http://domain7 เครื่องมือ .com / / มือถือ / บูต / ตอบสนอง ตารางห้าคอลัมน์ถูกแสดงไว้เหนือส่วนหนึ่งของเฟรมเวิร์ก bootstrap twitter หรือไม่?

361 twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

บางครั้งฉันใช้จุดยึดสไตล์เป็นปุ่มและบางครั้งฉันก็ใช้ปุ่ม ฉันต้องการปิดการใช้งานสิ่งที่เฉพาะเจาะจงคลิกเพื่อ: พวกเขาดูปิดการใช้งาน พวกเขาหยุดการคลิก ฉันจะทำสิ่งนี้ได้อย่างไร

360 jquery  html  css  twitter-bootstrap