Il y a de l'espace entre ma barre de navigation et le jumbotron dans le bootstrap 3. Il y a aussi de l'espace entre le jumbotron et 3 miniatures horizontales. Je veux me débarrasser de cet espace. Dois-je changer le CSS et changer le rembourrage ou quelle est la meilleure façon?Supprimer l'espace entre navbar et jumbotron dans Bootstrap 3
_header
<nav class="navbar navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div style="font-family:Webdings;">
<%= link_to "Project", root_path, class: 'navbar-brand' %>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="active"><%= link_to "About", about_path %></li>
<li><%= link_to "Team", team_path %></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><%= link_to "Action 1", about_path %></li>
<li><%= link_to "Action 2", about_path %></li>
<li><%= link_to "Action 3", about_path %></li>
<li><%= link_to "Action 4", about_path %></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><%= link_to "Contact", contact_path %></li>
<li><%= link_to "Sign Up", register_path %></li>
</ul>
</div><!-- /.navbar-collapse -->
</nav
Accueil (avec vignettes)
<%= provide(:title, "Home") %>
<div class="jumbotron">
<div class="container">
<h1>Welcome to club!</h1>
<p>blabla</p>
<p><a class="btn btn-primary btn-lg">Sign Up</a></p>
</div>
</div>
<div class="column">
<div class="col-xs-4">
<div class="thumbnail">
<img src="http://b2bleadblog.com/images/2007/05/18/huddlehands.jpg" alt="My Image" />
<div class="caption">
<h3>Blablabla</h3>
<p style="font-size:17px">Blablalbal.</p>
</div>
</div>
</div>
</div>
Hey désolé où voyez-vous ces "\ n"? – megashigger
Je voulais dire deux lignes vides (espaces, "enter", "return"). – cortex
@cortex, No. espaces, return ou hard ne donnera aucune ligne ou espace supplémentaire en HTML. S'il vous plaît soyez conscient de cela. Voir ma réponse ci-dessous. – Ravimallya