html - example - Twitter-Bootstrap-poner elementos simples en línea
popover bootstrap (1)
¿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
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>