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

วิธีที่ถูกต้องในbootstrapการลอย div ไปทางขวาคืออะไร? ฉันคิดว่าpull-rightเป็นวิธีการแนะนำ แต่มันไม่ทำงาน @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); .container { margin-top: 10px; } <div class="container"> <div class="row-fluid"> <div class="span6"> <p>Text left</p> </div> <div class="span6 pull-right"> <p>text right</p> </div> </div> </div> เรียกใช้ข้อมูลโค้ดHide resultsขยายตัวอย่างข้อมูล

142 html  css  twitter-bootstrap 

ฉันได้รับเคล็ดลับเครื่องมือในการทำงานกับรหัสต่อไปนี้ในที่สุด : <a href="#" rel="tooltip" title="Tool tip text here">Hover over me</a> แล้ว <script> $('[rel=tooltip]').tooltip(); </script> ปัญหาที่ฉันพบคือมีการใช้คำแนะนำเครื่องมือ jQueryUI (ไม่มีลูกศร, คำแนะนำเครื่องมือที่น่าเกลียดขนาดใหญ่) แทนที่จะเป็น Bootstraps ฉันต้องทำอะไรเพื่อใช้ประโยชน์จาก Bootstrap Tooltips แทน jQueryUI

141 jquery-ui  twitter-bootstrap 

ฉันกำลังทดสอบแถบนำทางการตอบสนอง Bootstrap และฉันมีเว็บไซต์ตัวอย่าง เมื่อฉันปรับขนาดเบราว์เซอร์บนเดสก์ท็อปทุกอย่างทำงานได้ดีรวมถึงแถบนำทางซึ่งกลายเป็นเมนูที่พับได้ด้วยไอคอนขนาดเล็กที่ด้านบนซึ่งฉันสามารถคลิกเพื่อดูปุ่มเมนูเพิ่มเติม แต่เมื่อฉันลองจากเบราว์เซอร์มือถือ (ฉันลองใช้ Chrome และเบราว์เซอร์อินเทอร์เน็ตบน Android) ฉันไม่เห็นการออกแบบที่ตอบสนองได้ ฉันเห็นเฉพาะเดสก์ท็อปรุ่นเล็ก ๆ อย่างเว็บไซต์เท่านั้น ใครช่วยชี้ให้เห็นสิ่งที่ฉันทำผิด?

139 twitter-bootstrap  user-interface  twitter-bootstrap-3  responsive-design  bootstrap-4 

ฉันต้องการสร้างเพจที่ตอบสนองโดยใช้ bootstrap โดยวางตำแหน่ง div ที่กึ่งกลางของเพจดังเช่นในรูปแบบที่กล่าวถึงด้านล่าง

139 css  twitter-bootstrap  responsive-design 

ฉันลองวิธีนี้ ( ซอของพวกเขา ) เพื่อเปิดใช้งานเมนูแบบเลื่อนได้ด้วย Bootstrap แต่ด้วยวิธีการนี้เมนูแบบเลื่อนได้จะขยายคอนเทนเนอร์ - ซอ - เมนูที่ไม่สามารถเลื่อนได้อย่างถูกต้องไม่ทำเช่นนี้ ฉันจะแก้ไขสิ่งนี้ได้อย่างไร ข้อเสนอแนะเกี่ยวกับวิธีการอื่น ๆ ที่เข้ากันได้กับ Bootstrap ก็มีค่าเช่นกัน! สำหรับการอ้างอิงนี่คือ HTML จากซอของวิธีแรก: <ul class="nav"> <li class="dropdown"> <a class="icon-key icon-white" data-toggle="dropdown" href="#" style= "font-weight: bold"></a> <div class="dropdown-menu" style="margin-left: 2em"> <ul class="dropdown-menu"> <!-- static non-scrollable menu header 1 --> </ul> </div> <div class="dropdown-menu" style="margin-left: …

138 css  twitter-bootstrap  scrollable 

ฉันเพิ่มสิ่งนี้แล้ว แต่ยังคงมีเส้นสีน้ำเงินปรากฏขึ้นเมื่อคลิกปุ่ม .btn:focus { outline: none; } จะเอาสิ่งที่น่าเกลียดนั้นออกได้อย่างไร?

138 css  twitter-bootstrap 

ฉันใช้ Twitter Bootstrap 3 ใหม่และพยายามวางช่องค้นหาเช่นนี้ (ด้านล่าง) ในแถบนำทางด้านบน : ใน Bootstrap 2 มันอาจเป็นแบบนี้: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> แต่ฉันไม่แน่ใจว่าวิธีการผลิตเดียวกันใน Bootstrap 3 มากมีการเปลี่ยนแปลง HTML เริ่มต้นสำหรับรูปแบบช่องค้นหา navbar ใน Bootstrap 3 คือ: <form class="navbar-form navbar-left" role="search"> <div class="form-group"> <input …

136 css  html  twitter-bootstrap  twitter-bootstrap-3 

ฉันใหม่เพื่อตอบสนองฉันต้องการรวม bootstrap ในแอพตอบโต้ของฉัน ฉันติดตั้ง bootstrap โดย npm install bootstrap --save ตอนนี้ต้องการโหลด bootstrap css และ js ในแอพ react ของฉัน ฉันใช้ webpack webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, contentBase:'./src' }, module: { loaders: [ { test: …

135 twitter-bootstrap  reactjs  webpack 

ฉันกำลังพยายามใช้ bootstrap กับ bower แต่เนื่องจากมันโคลน repo ทั้งหมดจึงไม่มี CSS และสิ่งอื่น ๆ หมายความว่าฉันต้องรวมการสร้าง Bootstrap ไว้ในกระบวนการสร้างของฉันเองหรือไม่? หรือถ้าฉันผิดขั้นตอนการทำงานที่ถูกต้องคืออะไร?

135 twitter-bootstrap  bower 

ฉันเป็นมือใหม่ bootstrap และฉันมีเทมเพลตกว้าง 100% ที่ฉันต้องการเขียนโค้ดด้วย bootstrap คอลัมน์แรกเริ่มต้นที่มุมซ้ายและฉันมีแผนที่ Google ซึ่งทอดยาวไปทางขวาสุด ฉันคิดว่าฉันสามารถทำสิ่งนี้กับcontainer-fluidชั้นเรียนได้ แต่ดูเหมือนจะไม่มีอีกแล้ว ฉันไม่รู้ว่าจะทำอย่างไรให้ได้เลย์เอาต์นั้นด้วย bootstrap 3 ฉันใช้เทมเพลต Geometry PSD จาก themeforest ลิงก์ที่นี่หากคุณต้องการดูเค้าโครง: http://themeforest.net/item/geometry-design-for- ตำแหน่งทางภูมิศาสตร์สังคมเครือข่าย / 4752268

135 html  css  twitter-bootstrap  layout  twitter-bootstrap-3 

คุณสามารถปิดการใช้งานแท็บใน Bootstrap 2.0 เช่นเดียวกับที่คุณสามารถปิดใช้งานปุ่มได้หรือไม่?

135 javascript  css  twitter-bootstrap  twitter-bootstrap-2 

ฉันใช้ Bootstrap 4 alpha 2 และใช้ประโยชน์จากการ์ด โดยเฉพาะอย่างยิ่งฉันกำลังทำงานกับตัวอย่างนี้ที่นำมาจากเอกสารอย่างเป็นทางการ ฉันจะทำให้การ์ดทั้งหมดมีความสูงเท่ากันได้อย่างไร? ตอนนี้ฉันคิดได้ทั้งหมดคือการตั้งค่ากฎ CSS ต่อไปนี้: .card { min-height: 200px; } แต่นั่นเป็นเพียงวิธีแก้ปัญหาแบบฮาร์ดโค้ดที่ใช้ไม่ได้กับเคสทั่วไป รหัสในมุมมองของฉันเหมือนกับรหัสในเอกสารคือ: <div class="card-columns"> <div class="card"> <img class="card-img-top" data-src="..." alt="Card image cap"> <div class="card-block"> <h4 class="card-title">Card title that wraps to a new line</h4> <p class="card-text">This is a longer card with supporting text below as …

135 html  css  twitter-bootstrap  bootstrap-4  bootstrap-cards 

line-height: 1.428571429; ทำไมBootstrapline-heightถึงตั้งค่าเป็นค่านี้ ( บางธีมปัดเศษเป็น 1.42857143)

134 twitter-bootstrap  css 

นี่ไม่ใช่เมนูย่อยแบบเลื่อนลงหมวดหมู่คือคลาส li ดังในภาพ: เมื่อเลือกหมวดหมู่จากเมนูตอบสนอง (เทมเพลตเป็นเพียงหน้าเดียว) ฉันต้องการซ่อนการยุบการนำทางโดยอัตโนมัติเมื่อคลิก เดินเล่นเพื่อใช้เป็นการนำทางด้วยเนื่องจากเทมเพลตมีเพียงหน้าเดียว ฉันกำลังมองหาวิธีแก้ปัญหาที่ไม่มีผลต่อมันนี่คือโค้ด HTML ของเมนู: <!-- NAVBAR ================================================== --> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a …

133 jquery  html  twitter-bootstrap 

ดูเหมือนจะเป็นปัญหาเล็กน้อย แต่ฉันคิดไม่ออก ในเว็บไซต์ของ Bootstraps พวกเขามีตัวอย่างเลือก เมื่อดูโค้ดดูเหมือนว่าจะมีรัศมีขอบเป็น 4 ในองค์ประกอบที่เลือกนั้น ความหวังของฉันคือการเปลี่ยนรัศมีขอบเป็น 0 จะลบรัศมีขอบออกจากองค์ประกอบที่เลือกอย่างไรก็ตามนั่นไม่ใช่กรณี - ดังที่เห็นในภาพด้านล่าง ฉันได้สำรวจ CSS ทั้งหมดที่เปลี่ยนแปลงองค์ประกอบที่เลือกนั้น แต่ดูเหมือนว่าจะไม่มีการลบรัศมีขอบ

133 css  twitter-bootstrap