twitter-bootstrap-2

问题 I have a list of items with different width that I would like to display in two columns. Is it possible to do it only with css? HTML: <div class="row-fluid custom-row-margin-30"> <div class="span12"> <ul class="thumbnails custom"> <li class="span6 box1"> <p>hola</p> <p>hola</p> </li> <li class="span6 box2"> <div>hola</div> </li> <li class="span6 box3"> <div>hola</div> </li> </ul> </div> <!-- span12 --> </div> CSS: .box1 {background-color: green} .box2 {background-color: blue} .box3

问题 It there an easy way to get button dropdowns grouped like button-groups with Twitter Bootstrap? This code <div class="btn-toolbar"> <div class="btn-group"> <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> January <span class="caret"></span> </a> <ul class="dropdown-menu"> <li><a href="#" class="active">January</a></li> <li><a href="#">February</a></li> <!-- ... --> </ul> </div> <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown"

问题 i have this very strange problem with bootstraps navbar 2.3.2. this problems also happens on their official page: http://getbootstrap.com/2.3.2/examples/starter-template.html the navbar works fine on desktops. on mobiles on every web browser i checked every thing seems to work just fine. the problem only occurs on chrome mobile. on clicking the menu for the first time every thing is shown and OK. when collapsing it back and then clicking again to see the menu suddenly the inside elements

问题 I want to use the twitter bootstrap icons on my form input submit buttons. The examples on http://twitter.github.com/bootstrap/base-css.html#icons mainly show styled hyperlinks. The closest I've come is getting the icon displayed next to the button, but not inside. <div class="input-prepend"> <span class="add-on"><i class="icon-user icon-white"></i></span> <input type="submit" class="btn-primary" value="Login" > </div> 回答1: You can use a button tag instead of input <button type="submit" class

问题 I'm using twitter bootstrap 2.3.2 and included the affix js. The div perfectly listens to the top:500px; but has difficulties with the bottom, on reaching bottom, it switches the div name between affix and affix-bottom every pixel. Looking nineties flashy, which is nice in a way.., but not really how I would expect it. Any ideas on how to stick the bottom on the way it should be? Would make my day!! The js: $(".my-affix-div").affix({ offset: { top: 440, bottom: 270 } And the css: .affix{ top

问题 I am trying bootstrap-wysihtml5-rails , I am using twitter bootstrap 2 but when I get this result as in the image, and the error: Discontiguous selection is not supported. I tried to window['rangy'].initialized = false; like this: <script type="text/javascript"> $(document).ready(function(){ window['rangy'].initialized = false; $('.wysihtml5').each(function(i, elem) { $(elem).wysihtml5(); }); }) </script> But I still get the same error, I could live with it, but it seems that it breaks the

问题 I am having trouble implementing the bootstrap carousel. Can anyone look at the following html and js and give me instructions on how to implement the slide. The .js has not been edited and the carousel is installed on the body hero unit. Do I implement the carousel api? How do I define the carousel I am using within the .js file? Thanks. <div class="carousel"> <!-- Carousel items --> <div class="carousel-inner"> <!-- Main hero unit for a primary marketing message or call to action --> <div

问题 I use Bootstrap 2.3.2 and Liferay 6.2 bundled with Tomcat. I have some modal windows with complex body structure created in Bootstrap 2.3.2 and I would like to use them in my portal. Here is said that Liferay uses Bootstrap 2.3.2 css, but not Bootstrap 2.3.2 javascript and components like modals, tooltips, tabs, ... are included in AlloyUI. I included Bootstrap 2.3.2 javascript and tried to use my modal windows, but if I want to show a modal window it doesn't appear. I would like to ask, how

问题 What's the best way to add vertical whitespace using Twitter's Bootstrap? For example, let's say that I am creating a landing page and would like a bit (100px) of blank whitespace above and below a certain button. Obviously, I could create a certain class for that particular button. But, I would think that Bootstrap should have a DRY way of adding in vertical blank spaces. 回答1: In Bootstrap 4 there are spacing utilites. Citing the documentation for used notation: Spacing utilities that apply

问题 Clicking on a link which triggers a Twitter Bootstrap Modal to pop up is causing the browser to scroll up the page. This behavior is only occurring in Chrome. Here is a demonstration page: http://www.turizmburosu.com/test2.aspx The page has 600 rows of links, causing the page body to exceed window height. If any of these links is clicked, it displays the modal dialog. When in Chrome, clicking any of the links below the initial view will cause the background page to scroll up (not always