Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Bootstrap to CS6

New Here ,
Mar 01, 2017 Mar 01, 2017

Sorry, I'm from the Netherlands and living in Norway, I use Google translate.

I work with Dreamweaver CS6, but will create responsive websites.

Is the only way now to do with Dreamweaver responsive websites by paying a monthly fee of 24.19 euros to work with cc 201.
Or is it possible to link Bootstrap in a different way to Dreamweaver CS6.
For example, after a ugrade CS6 cc to 2015. If this is done, Bootstrap link to cc 2015. Is this possible?

2.5K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Mar 01, 2017 Mar 01, 2017

Bootstrap is Bootstrap, its independent of Dreamweaver, although DW has integrated it into their product by introducing a User Interface to supposedly make it easier for those who have no coding knowledge.

However you dont need a particular version of DW to deploy Bootstrap you can just go to the Bootstrap website, link the Bootstrap js and css files, copy some components and paste them into any version of DW using code view.

Now is the time to learn a bit of simple coding, copy and pasting if you

...
Translate
LEGEND ,
Mar 01, 2017 Mar 01, 2017

Bootstrap is Bootstrap, its independent of Dreamweaver, although DW has integrated it into their product by introducing a User Interface to supposedly make it easier for those who have no coding knowledge.

However you dont need a particular version of DW to deploy Bootstrap you can just go to the Bootstrap website, link the Bootstrap js and css files, copy some components and paste them into any version of DW using code view.

Now is the time to learn a bit of simple coding, copy and pasting if you dont want to pay the monthly fee for what is just a snippets panel containing Bootstrap code. Make your own Bootstrap snippets, youre done!

Go to the link below copy and paste the links to the css and js file into your page

http://getbootstrap.com/getting-started/#download

You'll also need to copy and paste the link to the Jquery library into the page:

<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>

Go to the Bootstrap components page, copy some code for what you require:

http://getbootstrap.com/components/

Try some of the Bootstrap components out:

Bootstrap Modals

If you are going to use Bootstrap you need to learn how it works to be able to change the display/presentation of the components by over-riding the default stying with some custom styling, using your own css.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 02, 2017 Mar 02, 2017

Thank you for your comprehensive answer Osgood. I will try but I'm getting back to Bootstrap that use a class container. Is that always required? Working the normal CSS <div's> also for a good display on the mobile network so that class is not needed?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 02, 2017 Mar 02, 2017
LATEST

Bootstrap classes are required throughout your layout or it won't work right on various devices.

Always begin with a container or container-fluid class.

Below that add a row class. 

Below that add col classes for different devices.

The Bootstrap 12-box grid system has four main col classes:

  • xs (for phones)
  • sm (for tablets)
  • md (for desktops)
  • lg (for larger desktops)

See Bootstrap Grid System.

Nancy O'Shea— Product User, Community Expert & Moderator
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 02, 2017 Mar 02, 2017

Een andere manier is om producten te kopen van DMXZone, een firma gevestigd in Enschede,  https://www.dmxzone.com/go/22360/dmxzone-bootstrap-3

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines