Hi,
I'm currently trying to style the layout of fields I find proper and ran into some unexpected difficulties.
I can't control excessive white spacing around the fields inserted in the layout as Toolset shortcodes.
I am absolutely new to Bootstrap as well. But because Toolset Views use Bootstrap to render its content, I created layout using Bootstrap:
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">Title</div>
</div>
<div class="row">
<div class="col-sm-4">Author</div>
<div class="col-sm-4">Publisher</div>
<div class="col-sm-4">Stock</div>
</div>
<div class="row">
<div class="col-sm-12">Description</div>
</div>
<div class="row">
<div class="col-sm-3">Price</div>
<div class="col-sm-3">Ad</div>
<div class="col-sm-3">Delivery</div>
<div class="col-sm-3">Sellers</div>
</div>
</div>
As shown above, there is no problem with spacing at all, But as soon as I substitute "Title" with Toolset shortcode for Title, unnecessary white space appears along with the content of the field. Please clue me in how I could resolve this issue.
I suppose there is an issue with padding-bottom or something like this.