DecSoft Soporte - Bootstrap Navbar Questions

Bootstrap Navbar Questions

Cree apps y expanda sus capacidades usando el lenguaje más popular del mundo: Javascript.

Los plugins oficiales de Apache Cordova se incluyen de serie y hay cientos de ellos disponibles para su uso.

DecSoft HTML Compiler es fácil de usar: personalize su proyecto y compile sus apps y sus juegos rápidamente.

Los NeoPlugins de DecSoft tienen versiones "designtime" y "runtime" para reducir el tamaño de sus apps.

Ahorre tiempo, recursos y dinero creando apps para Android, iOS y más con la misma base de código.

DecSoft App Builder integra un asistente de Open AI para ayudarle mientras desarrolla sus apps.

Diseñe para pantallas pequeñas y distribuya también (sin cambios) en dispositivos como tablets.

Cree modernas apps y juegos HTML a otro nivel haciendo cosas que incluso las modernas apps y juegos HTML no pueden.

Ahorre dinero comprando nuestros paquetes de NeoPlugins. ¡Cinco, Diez e incluso nuestra colección entera a un precio increíble!

DecSoft App Builder incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

DecSoft HTML Compiler incluye un conveniente Compilador por línea de comandos para compilar sus apps desde la consola.

Cree apps multiplataforma con DecSoft App Builder, incluyendo Android e iOS, con la misma base de código.

DecSoft NeoPlugins pone sus proyectos de VisualNeo en otro nivel con +1.000 nuevas acciones para sus apps.

Compile, convierta sus modernas apps y juegos HTML en programas ejecutables sin dependencias para Microsoft Windows.

¡Eche un vistazo a algunas de preguntas más frecuentes sobre nosotros y nuestros productos!

¡Eche un vistazo a nuestro canal de YouTube y suscríbase para recibir notificaciones sobre nuevos vídeos!

John Clarke

I am using bootstrap.min.css in my code. When I use the below code in a html component the logo is on the left but the menu is on the right lined up with one item on top of the other:

<nav class="navbar navbar-expand-lg navbar-light bg-light">
   <a class="navbar-brand" href="#"><span><img src="context_logo.png" alt="logo" width="45px"></span></a>
			<ul class="nav navbar-nav">
				<li><a class="nav-item nav-link active" href="#">Record <span class="sr-only">(current)</span></a></li>
				<li><a class="nav-item nav-link disabled" href="#">Stop</a></li>
			</ul>
	</nav>

How can I have my Logo with the menu items next door to it in a straight line ?

John Clarke

Problem solved... I changed :

<ul class="nav navbar-nav">

to :

<ul class="nav">

DecSoft

Hello John,

Glad to know that you got what you wanted. Please, let me to comment something about: above you mention that you are using "bootstrap.min.css", but, what this mean? That is, since Bootstrap CSS is the framework used in our apps, you no need to include that file using the app's Files manager, because the Bootstrap CSS is already available "out of the box". So, if you are including that file, just don't do it, because you are duplicating that stuff, which maybe can cause some unexpected behaviour: but the main point is that that stuff is already available, John, so we no need to include it by using the app's Files manager.

Purchase one or more licenses of our products if they are useful to you!

John Clarke

Hi David, thanks for your reply to my posting. I did remove the bootstrap.min.css that I added myself after I realised it was already packaged by App Builder. As always, thanks for such an excellent tool and the support that you provide.

Todo el mundo puede leer el foro de soporte de DecSoft para aprender del mismo, sin embargo, sólo los clientes de DecSoft pueden abrir nuevos hilos. Compre una o más licencias de productos de DecSoft y obtendrá este y otros beneficios.