CSS Bootstrap AngularJS - How to reduce table row height?


Tags: css,angularjs

Problem :

I want to reduce the height of any table row in the below plnkr example with CSS/Bootstrap:

https://plnkr.co/edit/ftea6vd1qaPZaXGusZAN

I've tried many approaches like:

line-height
padding
margin
height

and checked stackoverflow as well as the official documentation. None is working.

What am I missing to reduce the row height in the table (to display more content on the screen)?

Thanks, Martin



Solution :

Bootstrap has dedicated class for this table-condensed:

<table class="table table-bordered table-hover table-condensed">

    CSS Howto..

    How can I center vertically a div with position absolute and hight = 100px on another div with position relative but with not standard height

    How to load chosen alternative css as default css? [closed]

    How to center text from following element under an image

    How to expand textarea to fit text vertically and horizontally?

    IOs Cordova long-press shows text-select magnifying glass even with text-selection disabled, how to remove?

    CSS: How to use calc(100% - 20px) to get an area to fill up all area OTHER than that of a fixed-width element?

    how to put html inside php code [closed]

    How to shift a background image with css

    How to stop a hovered list item's text from changing back to default when hovering over subnav

    How to configure css flexbox so height of one of the block depends on it content?

    How to have menu items streched in full width menu with css for any screen automatically

    How to make text invisable during hover stage

    How to add text under every image?

    How to make a square button

    How to show middle of image in div using css?

    Css: How to make position fixed 100% resizable with bottom padding? - JS Fiddle provded

    How to set style of active page number in ASP.NET GridView Pager?

    How to remove dash inside text with CSS?

    How to get rid of this whitespace in internet explorer?

    CSS (or jQuery): How to set horizontal scrollbar in the middle position?

    How to maximum size without exceed the size?

    How to embed video on my first website

    How to set font “ Balzano” to the text in enclosed in

    on my website?

    how to set the outer
    adapt to the browser,and the div in it adapt to the outer one?

    how do I give partition in the
    tag?

    How to do :hover on circle navigation from angle x to y

    How do I use CSS in Django?

    How to remove the blue border around ImageMap control in the Internet Explorer?

    Reposition and show live results upwards

    How can I give a child element of one parent a higher z-index than another parent?