These are chat archives for twbs/bootstrap

10th
Feb 2017
Arup Rakshit
@aruprakshit
Feb 10 2017 09:00
I have a print style sheet. I have 3 tables to print them in pdf. problem is table header repeats to the next page while there is no row to show. How to remove/fix it? here is my code https://gist.github.com/aruprakshit/d1132108a1bb04e10f39835b1b7f4e0c
symphony
@symphony2014
Feb 10 2017 09:51
Anybody know some open source dashboard tools that configurable ?
con-ssc
@con-ssc
Feb 10 2017 10:54
what do you mean by dashboard? Business Intelligence?
Archit Chandra
@architchandra
Feb 10 2017 10:54
Hi. I am using Bootstrap v4 alpha 6 and created this in Codepen using it: https://codepen.io/architchandra/pen/rjYrMm
The problem I’m facing is that the toggle-menu is not working when the screen size is small or xs. I can’t figure out why that is happening. Can anybody help?
VijayakumarBalakrishnan
@VijayakumarBalakrishnan
Feb 10 2017 15:27
Your fa-thumbs-up icon should be located within the Like button.
i cannot find out the mistake

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
h2 {
font-family: Lobster, Monospace;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

</style>

<div class="container-fluid">
<div class="row">
<div class="col-xs-8">
<h2 class="text-primary text-center">CatPhotoApp</h2>
</div>
<div class="col-xs-4">
<a href="#"><img class="img-responsive thick-green-border" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. "></a>
</div>
</div>
<img src="https://bit.ly/fcc-running-cats" class="img-responsive" alt="Three kittens running towards the camera. ">
<div class="row">
<div class="col-xs-4">
<button><i class="btn btn-primary fa fa-thumbs-up"> Like</i></button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-info">Info</button>
</div>
<div class="col-xs-4">
<button class="btn btn-block btn-danger">Delete</button>
</div>
</div>
<p>Things cats <span class="text-danger">love:</span></p>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label>
<label><input type="checkbox" name="personality"> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label>
<label><input type="checkbox" name="personality"> Crazy</label>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</div>

please anyone give a solution
Rob Simpson
@pertrai1
Feb 10 2017 16:50
Can anyone help me to understand why my padding is not working in less
.Truncate(@height: @type2em, @paddingDirection: 'right', @paddingSize: @type1em) {
max-height: @height;
overflow: hidden;
padding-@{paddingDirection}: @paddingSize;
position: relative;
}
.box {
&-truncate {
.Truncate();
}
}
.Truncate(@height: @type2em, @paddingDirection: 'right', @paddingSize: @type1em) {
    max-height: @height;
    overflow: hidden;
    padding-@{paddingDirection}: @paddingSize;
    position: relative;
}
.box {
    &-truncate {
        .Truncate();
    }
}
Neel
@NeelDVirus
Feb 10 2017 20:05
Hey Guys! Needed help.
Why there appears a scrollbar at bottom if any content is being added after the section with .focus_part class. For instance i added another section beneath the section with .focus_partclass and the scrollbar showed up, remove this section and the scrollbar at bottom will disappear. Can anyone help me in this matter, it will be greatly appreciated
Try to view it in full screen mode, or else the scrollbar will appear by default. moreover the page is not made respondive yet.
http://codepen.io/neel111/pen/ObKVBo