html - example - Twitter-Bootstrap-poner elementos simples en línea

popover bootstrap

Question

¿Hay alguna forma de poner 2 elementos <a> mostrando en línea?

lo intenté :

<div class="form-inline">
<a>jjj</a>
<a>sss</a>
</div>

y también

 <div class="row-fluid">
<a class="inline">jjj</a>
<a class="inline">sss</a>
</div>

pero no funciona

Answer 1

Las etiquetas de anclaje por defecto deben mostrarse en inline . Debe tener un estilo adicional que los configure para mostrarse como elementos de block o algo similar.

Usando su código, aquí hay un JSFiddle funciona

Inspeccione su página para averiguar dónde se está configurando la display del ancla y modifíquela o configure el elemento a display:inline después de eso. Como ya ha agregado class="inline" , simplemente puede agregar:

a { display:block; /* Pre-existing code */ }
a.inline {
display:inline;
}

Además, como nota, no creo que row-fluid esté diseñado para funcionar sin los otros elementos de scaffolding Bootstrap. Si quieres una fila de ancho completo, debes usar:

<div class="row-fluid">
<div class="span12">
<a class="inline">jjj</a>
<a class="inline">sss</a>
</div>
</div>