Border-top adaptable a diferentes tamaños

[AngelKrak]

amigo la solucion que te hice fue esta que se adapta muy bien a lo que quieres/Responsive ;)

1.- Agregamos el siguiente CSS a tu hoja de estilos ;)

Código CSS:

.breadcrumb li {
      border-top: 5px solid #ff0000;
      width: 100%;
  }
 

2.- Buscamos ol.breadcrumb li > p.bread y borramos las Siguientes Lineas ;)

Código CSS:

border-top: 5px solid #ff0000;
padding-right:741px;
 

y con eso ya quedo listo amigo, ya no se sale como decias ;) ahi te dejo una imagen para que veas ;)


Demo:
http://jsfiddle.net/huva5xtc/1/