I'm learning Bootstrap 4 with Visual Studio 2017.
Before Visual Studio, I was writing in Notepad. I created an HTML file with Web Forms Editor and copied same codes in that file.
I also properly attached the Bootstrap.min.css file which I have downloaded the latest version (v4.1.1) from
https://getbootstrap.com/.
The problem is, when I open the file in Chrome, it's working as it should be but, the columns break down when I open the file in Visual Studio's Designer Mode.
I have looked at this question but the only suggestion was about the path of the stylesheet. I have checked my stylesheet path and there was no problem.
I will be glad if someone can help.
Edit: I recognized that some Bootstrap 4 classes also not working.
Here is my attachments.
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
<title>Deneme</title>
</head>
be sure that you are using correct js file for your bootstrap version. Sometimes due to the lack of mismatching version of css and js it creats error and for this reason bootstrap doesn't work.
you can use content delivery network cdnjs for getting your exact version of css and js
Related
django-ckeditor packages comes with highlight.js library for code snippets and that library comes with some pre-installed styles.
As I prefer seti-ui style, I download it from highlightjs.org. Inside the downloaded package is seti-ui.min.css file and I copy it to \venv\Lib\site-packages\ckeditor\static\ckeditor\ckeditor\plugins\codesnippet\lib\highlight\styles where all other styles are and then set this in my settings.py:
'codeSnippet_theme': 'seti-ui' # based on the name of css file
And it doesn't work. The editor shows the code snippet but without any style. I've tried several other pre-installed themes like monokai and foundation and they work fine.
Then I noticed that seti-ui.min.css is inside a subfolder base16 in the package I downloaded from highlightjs.org, so I tried \venv\Lib\site-packages\ckeditor\static\ckeditor\ckeditor\plugins\codesnippet\lib\highlight\styles\base16 too but didn't work either.
So what is the correct method to add it?
I can't over my head the modal i have made. It looks like this:
And I finally realized that the problem was the bootstrap css link from the file I got from Nuget. I haven't changed anything to the bootstrap file I got from NuGet.
But when I use this bs css link
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css. It works just fine. >:|
Firstly I am new to using foundation.
When you go onto foundations website and you download the complete foundation file you get this index file:
that has link references to the stylesheets and the Js files and if you start coding everything works just fine, but if I create a foundation project through php storm it downloads the foundation release straight from GitHub, but this folder:
does not have a index file that includes the required css and js files, and I have tried to find the files but they are not included in this version from github. What files do I need to link to get foundation working.
In short, you'd need to link foundation.min.css and foundation.min.js. also, make sure you include jquery before the js.
I suggest downloading a bundle from Zurb's site in this link and recieve a good and working bundle.
Foundation is a great framework so don't give up, it's totally worth it.
I am using PostCSS and one of the important elements in PostCSS is CSS nesting. WebStorm doesn't like the syntax and highlights errors.
Is there any solution for this issue?
As of WebStorm 2016.3 this issue has been solved. As detailed in the WebStorm Blog, users of PostCSS can now install an official PostCSS plugin by navigating to Preferences > Plugins > and searching for "PostCSS support". After the plugin is installed and WebStorm has been restarted, you must identify any existing css files using PostCSS as PostCSS by going to Preferences > Languages & Frameworks > Stylesheets > Dialects and clicking on the file's CSS dialect and changing it to "PostCSS".
Edit
Evan's answer below is better now as Webstorm have released an official plugin for PostCSS WebStorm support for nesting CSS
Unfortunately, currently the only way to get it to play nice with PostCSS is to do:
Register *.css or *.pcss if you use that extension to treat them as Sass files inside Webstorm. You'll also need to turn off a few syntax checks Webstorm provides after you change the file type depending on what PostCSS plugins you use.
I've spent the last 4 days trying to accomplish the following task:
- create a MySQL Database
- connect to the database in a c++ win32 application so I can use the data and/or edit the data.
So far so good, I'm using the following:
- Packard Bell with 64bit Windows 7 Home Edition
- Visual C++ Express 2010
- Downloaded and installed mysql 5.5 (choosing the complete installation)
I have no problems using the mysql terminal and creating a simple Database, however establishing a connection to it in my c++ code is a major hurdle. Some tutorials, forums etc. recommend connecting directly and others suggest using ODBC. The first suggestion leads to a ton of issues with Visual Studio not being able to find source files when including header files:
mysql_connection.h
cppconn/driver.h
cppconn/exception.h
etc...
could not find the solution for these issues so I turned to ODBC and found the following code:
(see next post, was not allowed to post more than 2 links)
The code actually compiles but can't find anything. See screen below:
http://imageshack.dk//viewimage.php?file=/imagesfree/CD525364.jpg
I can't find the solution for the problem. This ODBC Data source "mysql" has been set up manually as shown below:
http://imageshack.dk//viewimage.php?file=/imagesfree/WEG25517.jpg
I've read the official mysql documentation for setting up visual studio with the right directories and libraries and since the code compiles that can't be the problem right?
I would really appreciate any help or suggestions :) thanks in advance.
Have you configured your project properties?
I am assuming that you've installed MySQL at C:\MySQL
Open visual studio --> Solution Explorer --> Right Click --> Properties --> C/C++ --> General --> Add Include Directories --> Click to edit and write C:\MySQL\include (or where ever you've installed MySQL and locate its include folder).
Now in same properties dialog navigate to Linker --> General --> "Add additional Library Directories" --> (write the path of folder which contains .dll or .lib files e.g. C:\MySQL\Connector ODBC)
In same properties dialog navigate to Linker --> Input --> Additional Dependencies --> (write the name of .lib file you want to use e.g. libmysql.lib or any other library you want to use which is placed in above "Additional Libraray Directories").
Hope it will help you.