Neste artigo, mostraremos um exemplo prático de como tornar a biblioteca bootstrap disponível nos projetos do Scriptcase, ao fazer isso, você vai ser capaz de usar todas as funções do Boostrap e personalizar o CSS das aplicações do Scriptcase. Vamos começar!

O que é o Bootstrap?

Bootstrap é um framework front-end que facilita a vida dos desenvolvedores web na hora de criar sites com tecnologia mobile (responsivo) sem ter que digitar diversas vezes um trecho de CSS. Não é a toa que o termo “Bootstrap” em inglês significa “inicialização”, algo que possui um ponto de partida.
Além disso, o Bootstrap possui uma diversidade de componentes (plugins) em JavaScript (jQuery) que auxiliam o designer a implementar: tootlip, menu-dropdown, modal, carrousel, slideshow, entre outros sem a menor dificuldade, apenas acrescentando algumas configurações no código, sem a necessidade de criar scripts e mais scripts.

Importando a biblioteca do bootstrap no Scriptcase

O que vamos ver agora é como importar essa biblioteca para dentro do framework Scriptcase!

1° – Primeiro vamos acessar o site do Bootstrap e clicar em “Download Bootstrap”. www.getbootstrap.com

2° – Seremos direcionados para outra página com algumas opções de download, clicaremos em “Download Bootstrap” novamente e o download irá iniciar.

3° – Agora vamos abrir o Scriptcase, ir no projeto onde as alterações serão feitas e clicar em Ferramentas > Bibliotecas Externas.

4° –  Conforme imagem abaixo você verá todas as suas bibliotecas externas criadas dentro do Scriptcase, como vamos incluir uma nova biblioteca vamos clicar em “Clicar uma nova biblioteca”.

5° –  Escolha se a biblioteca terá acesso público (qualquer projeto poderá utilizar os links desta biblioteca) ou projeto (somente o projeto atual terá acesso aos links desta biblioteca) e digite um nome para a biblioteca.

6° – Após isso sua biblioteca será criada, agora precisamos importar as aplicações do bootstrap. Para isso clique em Editar.

7° – Clique em “Upload”.

8° – Vamos clicar em “Selecione os arquivos”, ir na pasta onde o arquivo do bootstrap foi salva e selecionar ele. Como baixamos um arquivo na extensão “.rar” iremos deixar a opção “Extrair o arquivo ZIP ao fim do upload para a pasta corrente.” marcada para que o próprio scriptcase faça a extração dos itens. Clique em “Ok”.

9° – Foi criada uma pasta com o nome do arquivo baixado, se você quiser pode modificar esse nome para ficar mais fácil de fazer a chamada do link, basta clicar no lápis e digitar o novo nome.

Observe que dentro da pasta raiz terão mais 3 pastas: css, fonts e js. E dentro de cada pasta seus respectivos arquivos.

Desta forma já temos a biblioteca Bootstrap disponível para uso dentro do Scriptcase.



You might also like…

Cloud Computing e suas tendências para 2020

O que é Cloud Computing? Apresenta a possibilidade de oferecer serviços através da Inter...

Aplicação com Abas utilizando o ScriptCase

Umas das funcionalidades mais interessantes desenvolvidas para auxiliar em grandes formulários sã...

SCRIPTCASE: O que é VS O que não é

Você conhece realmente o que é o Scriptcase? Nesse post pretendemos esclarecer todas as dúvidas ...

You might also like…

Get new posts, resources, offers and more each week.

We will use the information you provide to update you about our Newsletter and Special Offers. You can unsubscribe any time you want by clinck in a link in the footer of any email you receive from us, or by contacting us at sales@scriptcase.net. Learn more about our Privacy Police.