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

ฉันดิ้นรนเพื่อสร้างกล่องข้อความที่เหมาะกับความกว้างทั้งหมดของพื้นที่เก็บของฉัน <div class="row"> <div class="col-md-12"> <form class="form-inline" role="form"> <input type="text" class="form-control input-lg" id="search-church" placeholder="Your location (City, State, ZIP)"> <button type="submit" class="btn btn-lg">Search</button> </form> </div> </div> เมื่อฉันทำข้างต้นองค์ประกอบของฟอร์มทั้งสองนั้นเป็นแบบอินไลน์ตามที่คาดไว้ แต่อย่าใช้เวลาเกินสองสามคอลัมน์อย่างดีที่สุด การโฮเวอร์เหนือกองcol-md-12เพลิงแสดงให้เห็นว่าใช้ความกว้างเต็มตามที่คาดหวัง มันเป็นเพียงการป้อนข้อความที่ดูเหมือนจะไม่เต็ม ฉันพยายามเพิ่มค่าความกว้างในบรรทัดด้วย แต่ก็ไม่ได้เปลี่ยนแปลงอะไรเลย ฉันรู้ว่ามันควรจะง่ายเพียงแค่รู้สึกโง่จริง ๆ ตอนนี้ นี่คือซอ: http://jsfiddle.net/52VtD/4119/embedded/result/ แก้ไข: คำตอบที่เลือกนั้นละเอียดถี่ถ้วนในทุก ๆ ทางและเป็นความช่วยเหลือที่ยอดเยี่ยม มันคือสิ่งที่ฉันใช้ อย่างไรก็ตามฉันคิดว่าปัญหาเริ่มต้นของฉันเป็นปัญหากับเทมเพลต MVC5 เริ่มต้นภายใน Visual Studio 2013 ซึ่งมีอยู่ใน Site.css: input, …

138 html  css  twitter-bootstrap-3 

ฉันใช้ 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 และฉันมีเทมเพลตกว้าง 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-3 มี.wellคลาสที่เพิ่มเส้นขอบโค้งมนรอบ ๆ องค์ประกอบที่มีสีพื้นหลังสีเทาและช่องว่างภายในบางส่วน <div class="well">Basic Well</div> แต่ฉันไม่พบ.wellคลาสใด ๆใน bootstrap-4 มีแท็กใดเทียบเท่ากับ.wellใน bootstrap-4 หรือไม่?

130 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4  twitter-bootstrap-4 

มีคลาส Twitter Bootstrap สำหรับfont-weight: boldและค่าอื่น ๆ ของfont-weightหรือไม่? ฉันจะไม่สร้างใหม่หากสิ่งนี้มีอยู่แล้วใน Bootstrap

129 html  css  twitter-bootstrap  twitter-bootstrap-3 

ฉันเพิ่งเล่นกับ bootsrap3 ฉันรวบรวมจากแหล่งที่มาและรวม distr js และ css ไว้ในโครงการของฉัน สิ่งนี้คือฉันเห็นใน GH dev tools ว่ามันพยายามรับไฟล์. map.css ทำไมถึงต้องการทำเช่นนั้น? จะปิดการใช้งานได้อย่างไร? ฉันจำเป็นต้องปิดการใช้งานหรือไม่? เพื่อไม่ให้มีเครื่องหมายข้อผิดพลาดในเครื่องมือ dev ฉันได้เพิ่มไฟล์แผนที่นั้นหลังจากนั้นรูปแบบทั้งหมดจะแสดงตามที่กำหนดไว้ในไฟล์ที่น้อยลงซึ่งไม่ได้ช่วยอะไรฉันมากนัก

127 twitter-bootstrap  twitter-bootstrap-3 

ใหม่สำหรับ bootstrap 3 .... ในเลย์เอาต์ของฉันฉันมี: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> ฉันไม่ต้องการให้ 'องค์ประกอบ 2' จัดชิดบนหน้าจอที่เล็กกว่า col-lg ดังนั้นการมีคลาส pull-right สำหรับ col-lg-6 เท่านั้น ... ฉันจะบรรลุเป้าหมายนี้ได้อย่างไร? นี่คือซอ: http://jsfiddle.net/thibs/Y6WPz/ ขอบคุณ

127 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

ฉันกำลังเรียนรู้วิธีใช้ Bootstrap ตอนนี้ฉันกำลังลุยเลย์เอาต์อยู่ แม้ว่า Bootstrap จะดูดี แต่ทุกอย่างที่ฉันเห็นก็ดูล้าสมัย สำหรับชีวิตของฉันฉันมีสิ่งที่ฉันคิดว่าเป็นเค้าโครงพื้นฐานที่ฉันคิดไม่ออก เค้าโครงของฉันมีลักษณะดังต่อไปนี้: --------------------------------------------------------------------------- | | | | | | | | | 240px | 160px | All Remaining Width of the Window | | | | | | | | | --------------------------------------------------------------------------| เส้นตารางนี้ต้องใช้ความสูงเต็มของหน้าต่าง จากความเข้าใจของฉันฉันต้องผสมความกว้างคงที่และของไหล อย่างไรก็ตาม Bootstrap 3.0 ดูเหมือนจะไม่มีคลาสของเหลวอีกต่อไป แม้ว่าจะเป็นเช่นนั้น แต่ฉันก็ไม่สามารถหาวิธีผสมของไหลกับขนาดคอลัมน์คงที่ได้ ไม่มีใครรู้วิธีทำใน Bootstrap 3.0?

126 twitter-bootstrap  twitter-bootstrap-3 

การใช้ตัวอย่างหลักที่นำมาจากหน้าตัวอย่าง Bootstrap 3 Javascript สำหรับการยุบฉันสามารถแสดงสถานะการยุบโดยใช้ไอคอนรูปตัววี ฉันใช้งานได้โดยใช้: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); วิธีนี้ใช้งานได้ (ไม่ได้ทดสอบอย่างสมบูรณ์ในทุกเบราว์เซอร์) แต่ฉันสงสัยว่ามีวิธีแก้ปัญหาที่หรูหรากว่านี้หรือไม่? ตามหลักการแล้วฉันต้องการใช้ฟังก์ชันหลัก แต่ฉันไม่แน่ใจว่าจะได้ผลลัพธ์เดียวกันกับมันอย่างไร $('#accordion').on('hidden.bs.collapse', function () { //do something... }) ต่อไปนี้เป็นรุ่นที่ทำงานในjsfiddle

126 jquery  css  twitter-bootstrap  twitter-bootstrap-3 

ฉันพยายามที่จะให้แท็บเลือกใช้งานในการฟื้นฟูที่มีเงินทุน 3 พยายามและตรวจสอบโดยมีการถามคำถามที่นี่แล้ว แต่ไม่มีงานใดให้ฉัน ไม่รู้ว่าฉันผิดตรงไหน นี่คือรหัสของฉัน HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" data-toggle="tab">Personal Information</a></li> <li><a href="#Employment-info" data-toggle="tab">Employment Information</a></li> <li><a href="#career-path" data-toggle="tab">Career Path</a></li> <li><a href="#warnings" data-toggle="tab">Warning</a></li> </ul> <!-- end: tabs link --> <div class="tab-content"> <div class="tab-pane active" id="personal-info"> tab data here... </div> <div class="tab-pane" id="Employment-info"> …

120 jquery  twitter-bootstrap  tabs  twitter-bootstrap-3 

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

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4 

มีคำถามเกี่ยวกับเรื่องนี้มาก่อน: Twitter Bootstrap CSS ที่รองรับภาษา RTL แต่คำตอบทั้งหมดนั้นดีสำหรับ Bootstrap 2.x ฉันกำลังทำโปรเจ็กต์ที่เป็นภาษาอาหรับ (rtl) และฉันต้องการ Bootstrap 3.x จากขวาไปซ้าย มีใครรู้วิธีแก้ไขไหม

119 css  html  twitter-bootstrap  twitter-bootstrap-3 

ปิด. คำถามนี้ต้องการรายละเอียดการแก้จุดบกพร่อง ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการเมื่อปีที่แล้ว ปรับปรุงคำถามนี้ ฉันกำลังสร้างแอพมือถือที่ใช้เบราว์เซอร์และฉันตัดสินใจใช้ Bootstrap 3 เป็นเฟรมเวิร์ก css สำหรับการออกแบบ Bootstrap 3 มาพร้อมกับคุณสมบัติ "ตอบสนอง" ที่ยอดเยี่ยมในแถบนำทางซึ่งจะยุบลงโดยอัตโนมัติหากตรวจพบ "จุดพัก" ที่เฉพาะเจาะจงเกี่ยวกับความละเอียดของเบราว์เซอร์ ใช้งานได้ในหลายสถานการณ์ แต่คุณสังเกตเห็นไหมว่าแอปบนอุปกรณ์เคลื่อนที่ที่ใช้เบราว์เซอร์จำนวนมากมีการนำทางหลักซ่อนอยู่ทางด้านซ้ายของหน้าจอและเมื่อกดไอคอนสลับ (สลับ) ที่มุมบนขวาการนำทางหลักจะเลื่อนออกไปที่ ทางขวาประมาณ 2/3 ของทางเข้าสู่หน้าจอ? นี่เป็นโซลูชันที่ได้รับความนิยมมากขึ้นสำหรับการนำทางผ่านแอพที่ใช้เบราว์เซอร์บนอุปกรณ์มือถือและฉันคิดว่าในทางทฤษฎีแล้วมันควรจะค่อนข้างง่ายในการปรับเปลี่ยน bootstrap css / js เพื่อรองรับคุณสมบัติการยุบการนำทางเวอร์ชันนี้ คุณสมบัติเหล่านี้สามารถใช้งานได้อย่างไร? ดูเหมือนว่าไม่ควรดัดแปลงมากเกินไป ฉันอยากได้ยินความคิด / แนวทางแก้ไขของคุณในเรื่องนี้ นอกจากนี้ฉันคิดว่ามันจะเป็นวิธีแก้ปัญหาระยะยาวที่ยอดเยี่ยมสำหรับ Bootstrap ที่จะใช้เป็นคุณสมบัติในตัว น่าเสียดายที่ฉันไม่ได้พยายามสร้างฟีเจอร์นี้เพราะในขณะที่ฉันคุ้นเคยกับเทคโนโลยีเหล่านี้ แต่ฉันส่วนใหญ่เป็นนักพัฒนา PHP / MySQL และฉันเชื่อว่าคุณสมบัติที่มีประโยชน์เท่าที่ควรจะสร้างโดยผู้เชี่ยวชาญที่มีข้อมูลเชิงลึกที่ฉันไม่มี ในฐานะผู้พัฒนาส่วนหน้า

119 css  twitter-bootstrap  mobile  twitter-bootstrap-3 

ฉันใช้ Bootstrap 3 และฉันต้องการเพิ่มปุ่มบางปุ่มในส่วนหัวของแผงที่มุมขวาบน เมื่อพยายามเพิ่มพวกเขาจะแสดงอยู่ด้านล่างของชื่อเรื่องพื้นฐาน รหัส: http://bootply.com/82631 CSS ที่หายไปคืออะไรที่ฉันควรเพิ่มในชื่อหัวข้อแผงหรือปุ่ม

117 css  twitter-bootstrap  twitter-bootstrap-3 

ฉันเพิ่งเริ่มใช้ Bootstrap 3 ฉันมีช่วงเวลาที่ยากลำบากในการทำความเข้าใจว่าคลาสแถวทำงานอย่างไร มีวิธีหลีกเลี่ยงpadding-leftและpadding-right? <div class="row" style="background:#000000"> <div class="col-xs-4 .col-xs-offset-1"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> <div class="col-xs-2"> col </div> </div> http://jsfiddle.net/petran/rdRpx/

116 twitter-bootstrap  twitter-bootstrap-3