html - Bootstrap unwanted white space while display is mobile -

-

i using bootstrap website , came across odd white space can't seem rid of. if has encountered before happening on few devices iphone6, galaxy s4, galaxy note 3.

there margin: 0; padding: 0;, on <li>.

 <ul class="nav nav-justified">     <li class="active"><a href="#">home</a></li>     <li><a href="#">faq</a></li>     <li id="large"><a href="#" id="large" class="play">play</a></li>     <li><a href="#">promotions</a></li>     <li><a href="#">support</a></li>   </ul>

heres image of mean white space.

enter image description here

this looks on devices:

enter image description here

in intial question, that's screenshot developer view yes?

i believe it's rendering fault when first switch mobile device mode.

i can replicate here, notice happens when switch iphone 6 preview , s4 (link), issue resolves itself. have done absolutely nothing css, merely refreshed view, im thinking must dev tools issue.

if wish 100% can run browsersync through nodejs locally , connect actual s4 or iphone , check that. or browserstack uses vm's of actual os's ensure accurate results possible.


Comments

Post a Comment

Popular posts from this blog

How has firefox/gecko HTML+CSS rendering changed in version 38? -

-
i have a little website header no longer renders correctly, since updating firefox 38.0.5 [the faceplant logo missing top right, , main logo no longer centred]. still renders expected in other browsers. how has engine's rendering changed in update? according mdn , list of changes is: css support ruby-position , ruby-align have been added , available default ( bug 1055676 , bug 1123917 , bug 1039006 ). the :unresolved pseudo-class has been implemented custom elements ( bug 1111633 ). the predefined style ethiopic-numeric uses space, instead of dot, suffix match recent change spec ( bug 1120721 ). css transitions on generated content (with ::before , ::after ) on both inline , block splits them start expected specification ( bug 1110277 ). the implementation of css logical properties made big progress. [...] how css transitions start has been modified match recent change of specifications, aiming @ having interoperable behavio...
Read more

android - CollapsingToolbarLayout: position the ExpandedText programmatically -

-
i using new android support design view collapsingtoolbarlayout. have need position expandedtitle programmatically. actually way set position expandedtitle in .xml file (example here: https://goo.gl/l5h5fc ) there no public api set text position programmatically , fields private . do know if it's possible without reflection or 'hacky' tricks? i have solved problem exposing properties via reflection ( https://gist.github.com/fpezzato/8e7d45112883dbbc5ffb ), works don't use trick in production code. @google: please no more private or final stuff! :)
Read more

c# - Where does the .ToList() go in LINQ query result -

-
when getting data populate data grid, have pulled data, made list , mapped model, this: public list<person> getpeople() { var data = _db.person.tolist(); list<person> people = new list<person>(); foreach (var item in data) { person person = new person() { personid = item.personid, firstname = item.firstname, lastname = item.lastname }; people.add(person); } return people; } this works fine, in interest of writing less code discovered .select method , (what think is) anonymous type. have: public list<person> getpeople() { return _db.person.select(d => new person { personid = item.personid, firstname = item.firstname, lastname = item.lastname }).tolist(); } though not easy read, works fine too. there preference either way? ...
Read more