twitter-bootstrap

Converting Twitter bootstrap page into PDF with wkhtmltopdf : span issue

by

Here is solution for Bootstrap3: Use .col-xs-n always. The reason is wkhtmltopdf didnt support css in @media block. In bootstrap3, only col-xs-n rule outside @media block. I’ve checked the bootstrap2.3.2 css, seems spanN rules always be inside @media block. So an ugly solution would be copied out all spanN rules into top level to another … Read more

Bootstrap and html5 – section or div?

by

It really depends on your page’s content but basically you could use HTML5 tags and apply bootstrap classes like this: <section class=”row”> … </section> <footer class=”row”> … </footer> But as said it depends on your content, and even more, you’re not forced to use <section> tags, they have the specific purpose to represents a generic … Read more

Can not get a simple bootstrap modal to work

by

I finally found this solution from “Sven” and solved the problem. what I did was I included “https://stackoverflow.com/questions/10560630/bootstrap.min.js” with: <script src=”https://stackoverflow.com/questions/10560630/bootstrap.min.js”/> instead of: <script src=”https://stackoverflow.com/questions/10560630/bootstrap.min.js”></script> and it fixed the problem which looked really odd. can anyone explain why?

Icon in bootstrap 4 inside the input

by

here is the solution span{ position: absolute; margin-left: 5px; height: 25px; display: flex; align-items: center; } input{ padding-left: 25px; height: 20px; } <link href=”https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css” rel=”stylesheet”/> <div class=”input-group”> <span> <i class=”fa fa-user-circle-o” aria-hidden=”true”></i> </span> <input type=”text” class=”form-control” placeholder=”Username” /> </div> here is the working fiddle