Bootstrap responsive.css necessary or unnecessary?

Similar Questions

• bootstrap. CSS sort of "re - lock"?

  I have a site where I did the css bootstrap the readable file read-only.

  now I regret this decision because I keep changing with CSS stylist accintally.

  can I "relock" this file in a way that I don't mess up once again?

  Why don't you spend Bootstrap hosted on CDNs?  In this way, you can't accidentally change the files.

  http://MaxCDN.bootstrapcdn.com/bootstrap/3.3.5/CSS/bootstrap.min.CSS">

  Nancy O.

• Responsive CSS does not work / media question mobile devices

  Hello

  I am so that when a user views the site in a less than 979 pixels wide screen, some CSS is used.

  The application of media I use is:

  @media screen and (max-width: 979px) {}

  / * styles go here * /.

  }

  who works on my good browser, but not in iPhone/mobile devices (I have not checked in the ipad).

  I read somewhere that max-width: 979px means anything 979px or less...

  Although clearly a phone iphone would beless 979px, it's max-width is certainly not 979px.

  Should what media query I use here instead?

  Do I need to have a lot of different queries?

  Here is the live Webcam page: http://tinyurl.com/CSS3devicewidth

  Thanks for any help, that all the world can offer,

  Katrina

  (I read a lot of guides online but became very confused. I hope that there may be a single query that will address all screens less of 979px, whether they are desktop or mobile device... maybe that's not possible)

  Katrina, you have 99.99% correct.

  One important thing that you have missed out on adding to your HTML markup is a meta tag that tells the device to load the content to 1.0 (100%) depending on the size of his device.

  Add this to your HTML markup (insidesection):

  So, here!

  On a sidenote, you can put the CSS @media in a .css file and a link to the CSS file instead of load in line with your HTML file.

  Good luck

• How the hell do you have Dreamweaver CC to stop copying of dependent files?

  I'm writing a WordPress theme using the bootstrap information. After writing the function to call in my file Functions.php Dreamweaver decides that he knows better I'm doing and started to copy the files and adding crap to the file.

  When I go to save the following occurs:

  1) the following four lines of code is inserted into the top of the file:

  "< link rel ="stylesheet"type =" text/css"href ="... /... /.. "/ bootstrap/css/bootstrap.css" / >

  "< link rel ="stylesheet"type =" text/css"href ="... /... /.. "/ bootstrap/css/bootstrap-responsive.css" / >

  "< script type =" text/javascript"src ="... /... /.. / bootstrap/js/jquery.js "> < / script >"

  "< script type =" text/javascript"src ="... /... /.. / bootstrap/js/bootstrap.min.js "> < / script >"

  (2) Dreamweaver copies bootstrap into a directory in the root of my site (I want it in the folder/wp-content/themes/theme)

  Hi all

  Check/copying files automatic can be disabled and this is described in the videos section on the DMXzone Bootstrap product page. Please see the tutorial on www.dmxzone.com/go/21913/using-dmxzone-bootstrap-include-options

• Compressed bootstrap, priority of CSS...

  I use a bootstrap model 3, and I want to resize some CSS elements using a media query (portrait) for a screen size iPhone.

  Add this to the file ' bootstrap - min.css ' for the site? or

  Can I create a new CSS file to deal with the above? and

  The new CSS file will work alongside the compressed CSS, or will a take precedence over the other?

  I see the following breakpoints in DW CC

  width max (767px)

  width max (1199px)

  min-width (769px): max-width (991px)

  min-width (992px): max-width (1199px)

  min-width (768)

  min-width (992px)

  Do I need to add a new breakpoint to deal with the better iPhone screen?

  Thank you

  I tried the cold beer and the sitting beside the river for 18 months, and while it becomes annoying, I can recommend it, once the first two years are rising in the market, I'm going down to 15 hours per week to 10 max and then sit by a river and drinking beer again

• Are you supposed to be able to edit the css "bootstrap"?

  When are you supposed to be able to edit the css "bootstrap"? When I go to make a new html page, I add data priming, but can not modify the Bootstrap Css file when I go to make a new html page, I add a bootstrap, but cannot change the Css Bootstrap file it says read-only?

  pietrosanti_m wrote:

  When are you supposed to be able to edit the css "bootstrap"? When I go to make a new html page, I add data priming, but can not modify the Bootstrap Css file when I go to make a new html page, I add a bootstrap, but cannot change the Css Bootstrap file it says read-only?

  You can change the Bootstrap default css file, but unless you know what you are doing I would not touch. He is blocked for some reason - it contains many lines of css code that you probably don't understand and if you replace accidentally vital of it parts then the page does not work as it should.

  After having said that if you want to change it, click on the file and make it editable / writing (not recommended)

  What you need to do is to create an another style sheet, bind it to the page AFTER the link to the css Bootstrap file and make changes to this

  .accordion1 h2 {}

  blah: blah;

  }

  . NAV {}

  blah: blah;

  }

• How to get the CSS to take in charge the format of the html page?

  I created a file HTML and CSS according to the tutorial. However the CSS page doesn't seem to work.

  The link is declared < link href = "styles/responsive.css" rel = "stylesheet" type = "text/css" > "

  but has no effect.

  If anyone can help?

  Thanks in advance

  I use Dreamweaver CC2015 on MacBookPro Captain 10.11.5

  1. You work in a defined local site folder?
  2. You are in Design view, Live View or preview in browsers?
  3. Your markup contains the necessary hooks for your styles CSS - that is to say IDs & classes and are only they spelled exactly the same way?
  4. Have you checked your file styles contain a legitimate CSS file?
  5. You have validated code in your documents?  See the links below:

  CSS - http://jigsaw.w3.org/css-validator/

  HTML - http://validator.w3.org/

  HTML5 - https://validator.w3.org/nu/

  Nancy O.

• Is there a way to remove "bootstrap" features that are not in use?

  Is there a way to remove "bootstrap" functions that are not currently in use of the css 'bootstrap' or is it necessary?

  You can customize the Bootstrap in the link below by choosing only the components/css to use, but unless you know what you're doing the Bootstrap default css file is best left alone. The extra css that you do not use does not really hurt.

  http://GetBootstrap.com/customize/

  I assume that you use the correct workflow - bind to Bootstrap css by default and then file if you want to avoid linking to your own css default css stylsheet. If you do this the default bootstrap css works without danger in the background. Yes, because of course, I understand what you say - why the hell have a zillion redundant css selectors that are related to the page if you use only a few dozen.

• Columns "bootstrap" mode DW CC 2015 package Design

  The design of the layout in 2015 CC DW no standard bootstrap columns render correctly - he always breaks them on a second line, regardless of the width of the application window to DW.

  This makes unnecessary design layout to the design of Bootstrap.

  Can I do to solve this problem?

  

  Use live view.  Because the bootstrap uses CSS and javascript for rendering, you must preview the pages in Live view to see the real results of bootstrap.  Unfortunately, there is no way around that.

• integration of libraries "bootstrap" in apex

  Hello

  I added "bootstrap" libraries of custom template apex in order to use certain features of the bootstrap, but now some jquery as well as "bootstrap" functionality features seem not to work as expected like datatable bootstrap, menus, icons, buttons, etc.

  I think it's the order of the references that ive tried to swap them round but no difference.

  " < link href =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.2.0/CSS/bootstrap.min.CSS "rel ="stylesheet"> "

  " < script src =" http://AJAX.googleapis.com/AJAX/libs/jQuery/1.7.1/jQuery.min.js "> < / script > .

  " < script type =" text/javascript"src =" http://MaxCDN.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js "> < / script > .

  also tried the new together below,

  " < link rel ="stylesheet"href =" http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' > .

  "< script src ="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> < / script >.

  " < script src ="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js "> < / script > .

  no idea what could be the issue here, or perhaps because of the jquery library internal Apex contradictory this one again if yes what is the best way to simultaneously run 2 jquery libraries because bootstrap needs specific version of jquery?

  concerning

  Hi Gor_Mahia,

  Gor_Mahia wrote:

  I added "bootstrap" libraries of custom template apex in order to use certain features of the bootstrap, but now some jquery as well as "bootstrap" functionality features seem not to work as expected like datatable bootstrap, menus, icons, buttons, etc.

  I think it's the order of the references that ive tried to swap them round but no difference.

  no idea what could be the issue here, or perhaps because of the jquery library internal Apex contradictory this one again if yes what is the best way to simultaneously run 2 jquery libraries because bootstrap needs specific version of jquery?

  What Version of APEX? Always include information of the environment required by your question. See: How to get answers from the forum

  If you use the APEX 4.2.2 or later, twitter bootstrap comes with Oracle APEX and you can include this library.

  Reference: Dimitri Gielis Blog (Oracle Application Express - APEX): Goodies - APEX included 4.2.2 libraries

  In addition, here are the basic themes "bootstrap" developed already that you can use:

  • Theme - download ("Bootstrap" theme as well as of Fontawesome developed by Richard and Sergei Martens)
  • https://apexplained.WordPress.com/2013/11/20/front-end-frameworks-in-Oracle-Apex/ ("Bootstrap" theme developed by Nick Buytaert)

  Kind regards

  Kiran

• Questions new creation LP - css / js /.

  Hello

  I create landing pages in Dreamweaver and now try to import in Eloqua. I encountered several issues which I want to share, and I hope that people can jump on the bandwagon of the error and help me with some of them.

  First of all I do not know what option chosen:

  Assets - Landing Pages - download one LP - download Landing page

  Active - Landing Pages - download an LP - download model

  Take into consideration that my (sensitive design) consists of the following files

  • CSS
  • bootstrap. CSS
  • bootstrap.min.CSS
  • landing - page.css
  • fonts-awesome
  • CSS
  • Police - awesome.css
  • Police - awesome.css
  • fonts
  • FontAwesome
  • fontawesome - webfont.eot
  • fontawesome - webfont.svg
  • fontawesome - webfont.truetype
  • fontawesome - webfont.woff
  • less
  • several files of overconsumption
  • SCSS
  • several .scss files
  • fonts
  • several files
  • IMG
  • PNG
  • jpg
  • JS
  • bootstrap.js
  • bootstrap.min.js
  • jQuery.js

  -index.html

  When I insert it in both options (download a landing page), my design gets ruined and I get lots of errors. I downloaded them as a zip in a retry file, I just slipped and dropped the file with all the files mentioned above in the drag-cloud.

  Only a few images and files are imported, so the LP does not work properly.

  Is it because the way I'm trying to import does not work or I should handle this approach differently?

  Mike

  Hi Mike,.

  What error do you get?

  Please note that you cannot import a js file and bootstrap via a CDN (content delivery network) in eloqua to use access to download them the library after that you can access.

  Font files are not supported by eloqua, so you cannot download the on eloqua library.

• Menu "bootstrap" seems correct in design, but not after publication

  When I reduce the size of the screen, my menu horizontal menu changes the desktop view vertically on a mobile phone display. However, after I publish this menu vertical displays Web page in an office and a mobile phone. I followed the instructions Train Simple used a start page. I'd appreciate any help you could give me.  Jon

  You are missing the Bootstrap files below: they are all 404 not found on the server.

  CSS/bootstrap. CSS

  1. Open the files (F8) Panel in DW.
  2. Click the js and css files in your site folder.
  3. Press the arrow pointing UPWARDS to PUT them on your server.
  4. Don't forget to refresh your browser with F5 or Ctrl + Shift + R.

  Nancy O.

• How to create landing page w / many files related (I have ~ 60 requests for CSS, JS, Images, video, etc.)

  Hey everybody,

  I created a fairly complex landing page w / a lot of file dependencies. See the example below:

  • logo.PNG
  • BG.png
  • video-miniature - 1.png
  • video-miniature - 2.png
  • video-miniature - 3.png
  • video-miniature - 4.png
  • video-miniature - 5.png
  • video-miniature-1 - large.png
  • video-miniature-2 - large.png
  • video-miniature-3 - large.png
  • video-miniature-4 - large.png
  • video-miniature-5 - large.png
  • Slide.js.js
  • form - validate.js
  • Infield - label.js
  • jQuery
  • styles. CSS
  • Police - awesome.css
  • bootstrap. CSS
  • Slider.CSS

  .... (You get the idea)

  In any case, after downloading the HTML page, I have to go in the bin of the component library files and download each asset, then get the real URL (for example, http://domain.com/Web/landing/%7B7cb4efcc-8ff9-4b54-9add-5f07d783930b%7D_video-thumbnail-1.png)and paste it into the editor of Eloqua. I do it about 60 times for all files that requires this homepage and I was wondering if there is anyway to make a transfer to batch of these types of files?

  I know that after the landing page HTML upload it is an option "Treat files" (see table), but never, I got 20 percent of the files even listed there so I skip this option and "Do nothing" every time because it is easier to track and get the URL of the component library file. There may be a way for me just to solve this problem? Let me know, thanks!

  Chris,

  I would use dynamic links to all libraries. It is a very good compilation. https://cdnjs.com/

  The images you will have to host.

  Final tweaks to the CSS, I have on the page.

• When using bootstrap in Dreamweaver is it possible to use a CDN (content delivery network) to speed up loading and have again, he appears to edit in Dreamweaver?

  I started using the bootstrap information and sites that I created are very long to load. I played with the connection to a CDN and loading seems to be accelerating significantly. But when I discovered the site in Dreamweaver, the pages are reduced to lines of text. Is it possible to do this in Dreamweaver? Are there other ways to speed up the loading?

  [Ask in the correct forum allows... Left generic Cloud/Setup forum for forum specific program... MOD]

  I'm using CDN hosted in my projects without any problems.   Try these links.

  https://cdnjs.cloudflare.com/AJAX/libs/bootswatch/3.3.6/bootstrap.min.CSS">

  I confess a screaming fast internet connection and a computer fast enough again.  That could make a difference.

• Scripts and css

  What is the best way to declare my scripts and css?

  Add a link to external JS files, as shown below.  Exactly where in the document depends on what it is used for.   In general, I keep my script libraries and function codes at the bottom of my document, just above the closing tag, while it loads after all the rest.

  CSS links go to the top of your document, on the inside of thetag.

  https://cdnjs.cloudflare.com/AJAX/libs/Twitter-bootstrap/3.3.5/CSS/bootstrap.min.CSS">

  Nancy O.